HTML Audio
Das HTML-Element <audio> wird zum Abspielen einer Audiodatei auf einer Webseite verwendet.
Das HTML-<audio>-Element
Um eine Audiodatei in HTML abzuspielen, verwenden Sie das Element <audio>:
Beispiel
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Ihr Browser unterstützt das Audioelement nicht.
</audio>
Try it Yourself »
HTML Audio - Wie es funktioniert
Das Attribut controls fügt Audiosteuerelemente wie Wiedergabe, Pause und Lautstärke hinzu.
Mit dem Element <source> können Sie alternative Audiodateien angeben, aus denen der Browser auswählen kann. Der Browser verwendet das erste erkannte Format.
Der Text zwischen den Tags <audio> und </audio> wird nur in Browsern angezeigt, die dies nicht tun unterstützen, das Element <audio>.
HTML <audio> Autoplay (Automatisches Abspielen)
Um eine Audiodatei automatisch zu starten, verwenden Sie das Attribut autoplay:
Beispiel
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Ihr Browser unterstützt das Audioelement nicht.
</audio>
Try it Yourself »
Hinweis: Chromium-Browser erlauben in den meisten Fällen keine automatische Wiedergabe. Stummgeschaltetes Autoplay ist jedoch immer erlaubt.
Fügen Sie muted nach autoplay hinzu, damit Ihre Audiodatei automatisch abgespielt wird (jedoch stummgeschaltet):
Beispiel
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Ihr Browser unterstützt das Audioelement nicht.
</audio>
Try it Yourself »
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element <audio> vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML Audioformate
Es gibt drei unterstützte Audioformate: MP3, WAV und OGG. Die Browserunterstützung für die verschiedenen Formate ist:
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*Ab Edge 79
HTML Audio - Medientypen
| Dateiformat | Medientyp |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio — Methoden, Eigenschaften und Ereignisse
Das HTML-DOM definiert Methoden, Eigenschaften und Ereignisse für das <audio>-Element.
Damit können Sie Audios laden, abspielen und anhalten sowie Dauer und Lautstärke einstellen.
Es gibt auch DOM-Ereignisse, die Sie benachrichtigen können, wenn die Wiedergabe eines Audios beginnt, angehalten wird usw.
Eine vollständige DOM-Referenz finden Sie in unserer HTML-Audio/Video-DOM-Referenz.
HTML Audio-Tags
| Tag | Beschreibung |
|---|---|
| <audio> | Definiert Soundinhalte |
| <source> | Definiert mehrere Medienressourcen für Medienelemente, z <video> und <audio> |
