<audio> Tag - Audio Dateien einbinden und abspielen
Spielt Audio Dateien ab:
<audio controls>
<source src="example.ogg" type="audio/ogg">
<source src="example.mp3" type="audio/wav">
Ihr Browser unterstützt den Audio Tag leider nicht.
</audio>
Verwendung
Mit dem audio
Tag können Sie Sounds, Musik oder Audio-Streams abspielen. Derzeit werden drei verschiedene Dateiformate unterstützt: OGG, MP3 und WAV. Bei der Browserunterstützung
gibt es aber unterschiede, so unterstützen ältere Versionen des Internet Explorers kein OGG-Format. Sie können daher verschiedene Dateiformate angeben. Die größte Kompatibiliät
erreichen Sie mit MP3-Dateien. Diese werden von allen Browsern unterstützt.
- Internet Explorer: MP3
- Chrome: MP3, WAV, OGG
- Firefox: MPG, WAV, OGG
- Safari: MP3, WAV
- Opera: MP3, WAV, OGG
Die Festlegung des Formats wird über das type
Attribut festgelegt:
- MP3: audio/mpeg
- OGG: audio/ogg
- WAV: audio/wav
Attribute
Attribut | Wert | Beschreibung |
autoplay | autoplay | Automatisches abspielen, sobald es geladen worden ist |
controls | controls | Benutzerelemente anzeigen, wie Abspielen, Stopp, Pause |
loop | loop | Audio soll immer wieder von vorne starten |
muted | muted | Audio soll aus sein |
preload | auto metadata none |
Gibt an, ob die Audio-Datei automatisch geladen werden soll, wenn die Seite lädt:
|
src | URL | die URL zur Audio-Datei |
Darstellung (Screenshot)