Hallo Jürgen
Dann Könnte ich die Mp3 einfach nur damit einbetten ? :
Du solltest nicht nur mp3 anbieten, sondern mindestens 2 Codecs verwenden, weil nicht alle Browser mp3 beherrschen. Codiere als song.mp3 und als song.webm bzw. song.ogg (*.webm verwendet auch vorbis wie *.ogg).
<audio controls id="myaudio" controls>
<source src="media/song.m4a" type="audio/x-aac" />
<source src="media/song.mp3" type="audio/mpeg" />
<source src="media/song.ogg" type="audio/ogg" />
<p>Dieser Browser unterstützt HTML5 audio nicht</p>
</audio>
Die einfachste Form des Einbindens wäre:
<audio controls>
<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
</audio>
Dem <audio>-Tag eine id zu geben ermöglicht das Ansprechen mit CSS. Der Hinweis, dass der Browser HTML5 audio nicht unterstützt, ist eine Möglichkeit. Besser wäre ein Fallback auf den Player, den du jetzt benutzt. Das betrifft etwa den IE 8.
oder brauche ich dann außer den Dateien im Ordner media noch etwas anderes ? ist id="myaudio" nicht css ?
Nein, du brauchst nur die Songs mit den richtigen Codecs. Und allenfalls zum Gestalten CSS.
muß ich dann die ganze Homepage in html5 schreiben ?
Jedenfalls brauchst du den richtigen HTML5-Doctype, sonst verstehen die Browser das <audio>-Tag vermutlich nicht. Aber an sich ist das ja kein Problem.
Viel Erfolg und beste Grüsse
Richard