HTML5 Audio (Audio)
HTML5 bietet einen Standard zum Abspielen von Audiodateien.
Internetmedien
Es gibt noch keinen Standard für das Abspielen von Audio im Web.
Derzeit wird der meiste Audioinhalt über Plugins (wie Flash) abgespielt. Allerdings haben nicht alle Browser dieselben Plugins.
HTML5 legt einen Standard für das Einbetten von Audioelementen in Webseiten mithilfe des <audio>-Elements fest.
Browser-Unterstützung
Internet Explorer 9+, Firefox, Opera, Chrome und Safari unterstützen das <audio>-Element.
Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <audio>-Element nicht.
HTML5-Audio - So funktioniert es
Um Audio in HTML5 abzuspielen, müssen Sie den folgenden Code verwenden:
Beispiel
Probieren Sie es aus »
Das control-Attribut wird verwendet, um Wiedergabe-, Pause- und Lautstärkesteuerelemente hinzuzufügen.
Zwischen den <audio>- und </audio>-Tags müssen Sie den Fallback-Text des Audio-Elements für Browser einfügen, die es nicht unterstützen.
Das <audio>-Element erlaubt mehrere <source>-Elemente. Das <source>-Element kann auf verschiedene Audiodateien verlinken, und der Browser verwendet die erste unterstützte Audiodatei.
Medienformate und Browser-Unterstützung
Derzeit unterstützt das <audio>-Element drei Audiodateiformate: MP3, Wav und Ogg:
| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer 9+ | JA | NEIN | NEIN |
| Chrome 6+ | JA | JA | JA |
| Firefox 3.6+ | JA | JA | JA |
| Safari 5+ | JA | JA | NEIN |
| Opera 10+ | JA | JA | JA |
MIME-Typen für Audioformate
| Format | MIME-Typ |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML5-Audio-Tag
| Tag | Beschreibung |
|---|---|
| <audio> | Definiert Audioinhalt |
| <source> | Gibt Multimediaressourcen an, die mehrfach vorkommen können, verwendet in <video>- und <audio>-Tags |