HTML-<audio> Tag

Definition und Verwendung

<audio> Der Tag wird verwendet, um Audioinhalte in einem Dokument einzubinden, z.B. Musik oder andere Audiostreams.

<audio> Der Tag kann eine oder mehrere Tags mit verschiedenen Audiosourcen enthalten <source>-Tag. Der Browser wählt die erste unterstützte Quelle aus.

<audio> und </audio> Der Text zwischen den Tags wird nur angezeigt, wenn der Browser <audio> Elemente werden im Browser angezeigt.

Hinweis:Für Videodateien, siehe <video>-Tag.

HTML unterstützt drei Audio-Formate: MP3, WAV und OGG.

Audio-Formate und Browser-Unterstützung

Browser MP3 WAV OGG
Edge / IE Unterstützt Unterstützt * Unterstützt *
Chrome Unterstützt Unterstützt Unterstützt
Firefox Unterstützt Unterstützt Unterstützt
Safari Unterstützt Unterstützt Nicht unterstützt
Opera Unterstützt Unterstützt Unterstützt

* Ab Version Edge 79

Weitere Informationen:

HTML DOM Referenzhandbuch:HTML Audio/Video DOM Referenzhandbuch

Beispiel

Wiedergabe der Audio-Datei:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Ihr Browser unterstützt das 'audio'-Tag nicht.
</audio>

Versuchen Sie es selbst

Eigenschaft

Eigenschaft Wert Beschreibung
autoplay autoplay Die Audio-Datei wird sofort abgespielt, wenn sie bereit ist.
controls controls Es wird vorgeschrieben, dass die Audio-Steuerung angezeigt wird (z.B. Play/Pause-Taste usw.).
loop loop Die Audio-Datei wird nach jedem Abspielen neu gestartet.
muted muted Gibt an, dass die Audioausgabe stumm sein soll.
preload
  • auto
  • metadata
  • none
 Gibt an, ob und wie die Audio datei beim Laden der Seite geladen wird.
src URL Gibt die URL der Audiodatei an.

Globale Attribute

<audio> Der Tag unterstützt auch Globale Attribute in HTML.

Ereignisattribute

<audio> Der Tag unterstützt auch Ereignisattribute in HTML.

Standardmäßige CSS-Einstellungen

Keine

Browserkompatibilität

Die in der Tabelle genannten Zahlen geben die erste Version des Browsers an, die das Element vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5