HTML-<audio>-Tag
Beispiel
Eine Sounddatei abspielen:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Try it Yourself »
Definition und Verwendung
Das Tag <audio> wird verwendet, um Soundinhalte in ein Dokument einzubetten, beispielsweise Musik oder andere Audiostreams.
Das Tag <audio> enthält einen oder mehrere <source> -Tags mit verschiedenen Audioquellen. Der Browser wählt die erste unterstützte Quelle aus.
Der Text zwischen den Tags <audio> und </audio> wird nur in Browsern angezeigt, die dies nicht tun, unterstützt das, Element <audio>.
Es gibt drei unterstützte Audioformate in HTML: MP3, WAV und OGG.
Audioformat- und Browserunterstützung
| 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 |
*From Edge 79
Tipps und Hinweise
Tipp: Für Videodateien schauen Sie sich den <video> an Etikett.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| autoplay | autoplay | Geben Sie an, dass die Audiowiedergabe gestartet wird, sobald sie fertig ist |
| controls | controls | Geben Sie an, dass Audiosteuerelemente angezeigt werden sollen (z. B. eine Wiedergabe-/Pause-Taste usw.) |
| loop | loop | Legen Sie fest, dass der Ton jedes Mal von vorne beginnt, wenn er beendet ist |
| muted | muted | Geben Sie an, dass die Audioausgabe stummgeschaltet werden soll |
| preload | auto metadata none |
Gibt an, ob und wie der Autor der Meinung ist, dass das Audio beim Laden der Seite geladen werden soll |
| src | URL | Geben Sie die URL der Audiodatei an |
Globale Attribute
Das Tag <audio> unterstützt auch die Globale Attribute in HTML.
Ereignisattribute
Das Tag <audio> unterstützt auch die Ereignisattribute in HTML.
Verwandte Seiten
HTML-DOM-Referenz: HTML-Audio/Video-DOM-Referenz.
Standard-CSS-Einstellungen
Keine.
