Audio

Einfaches Beispiel

Siehe dazu auch Audio CSS und Audio mit Javascript


<audio preload controls>
	<source src="media/audio/test.ogg">
	<source src="media/audio/test.mp3">
</audio>

HTML5

Mit dem audio Element kann man nun endlich mit HTML5 Audioformate dirket im Browser abspielen ohne ein Plugin zu benötigen.

Tipp: Der Online Audio Converter ist ein tolles Tool für die Umwandlung in HTML5 Audio Formate Die meisten Free Konverter sind nicht frei sondern eher nervig "4music wav to ogg converter" ist shareware und lässt sich nach der ersten Konvertierung nur noch mit Task Manager beenden."Free Audio Konverter" funktioniert bei mir gar nicht.

Attribute im audio Element

controls
Der Player blendet einen Player ein.

autoplay
Die Audiodatei wird sofort abgespielt. Sofern man kein controls und kein autoplay angibt hört man auch nichts, es sei denn man steuert es über Javascript.

preload
Hier beginnt der Browser sofort mit dem Vorausladen der Audiodatei. Es ist nur dann sinnvoll, wenn man davon ausgehen kann, dass der User die Audiodatei abspielt. Das ist zum Beispiel der Fall, wenn die Audio Datei das zentrale Element der Seite ist. Wenn es sich um große Datenmengen handelt zwingen Sie dem User nicht den Ladvorgang auf.

loop
Mit loop = Schleife wird der Sound wieder von vorne abgespielt, wenn das Ende des Sounds erreicht ist.

src
Auch das audio Element kann ein src Attribut mit url auf eine Audiodatei enthalten. Der Sinn ist, dass hier das bevorzugte Format angegeben wird, wenn man mehrere Datein in dem source Element angegeben hat.

Attribute im source Element

type
Hier können Sie den MIME- Type angeben. Er beginnt in diesem Fall mit audio/ zB.: type="audio/x-aiff". Außerdem kann man mit Semikolon getrennt einen Audio Codec angeben. Den codec sollten Sie aber nur angeben, wenn Sie sich sicher sein können, dass es der richtige Codes ist. Es ist sicherer darauf zu verzichten. Es folgen einige Beispiele für das ogg Format:

type="audio/ogg; codecs=vorbis"
type="audio/ogg; codecs=speex"
type="audio/ogg; codecs=flac"

media
Mit dem media Attribut gibt man an für welche Medientypen die Audiodatei geeignet ist. Die Voreinstellung ist media="all"