HTML- Audio
Das HTML <audio>
-Element wird verwendet, um eine Audiodatei auf einer Webseite abzuspielen.
Das HTML-<audio>-Element
Um eine Audiodatei in HTML abzuspielen, verwenden Sie das <audio>
Element:
Beispiel
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTML-Audio – wie es funktioniert
Das controls
Attribut fügt Audiosteuerelemente wie Wiedergabe, Pause und Lautstärke hinzu.
Das <source>
Element ermöglicht es Ihnen, alternative Audiodateien anzugeben, aus denen der Browser auswählen kann. Der Browser verwendet das erste erkannte Format.
Der Text zwischen den Tags <audio>
und wird nur in Browsern angezeigt, die das Element </audio>
nicht unterstützen .<audio>
HTML <Audio> Autoplay
Um eine Audiodatei automatisch zu starten, verwenden Sie das autoplay
Attribut:
Beispiel
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Hinweis: Chromium-Browser erlauben in den meisten Fällen keine automatische Wiedergabe. Stummgeschaltetes Autoplay ist jedoch immer erlaubt.
Fügen Sie muted
danach hinzu
autoplay
, damit Ihre Audiodatei automatisch abgespielt wird (aber stummgeschaltet):
Beispiel
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das
<audio>
Element 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
File Format | Media Type |
---|---|
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.
Auf diese Weise 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 ein Audio zu spielen beginnt, angehalten wird usw.
Eine vollständige DOM-Referenz finden Sie in unserer HTML-Audio/Video-DOM-Referenz .
HTML-Audio-Tags
Tag | Description |
---|---|
<audio> | Defines sound content |
<source> | Defines multiple media resources for media elements, such as <video> and <audio> |