Tag <audio>

Tag <audio>

Definition

Status: Aktueller Standard

Das Tag <audio> steht für audio (Audio-Datei, Ton).

Das HTML-Element <audio> dient dazu, Audiodateien in HTML-Seiten einzubetten. Es ist ein semantisches Element, das in modernen Browsern unterstützt wird und eine standardisierte Methode zur Wiedergabe von Audioinhalten bietet. Um maximale Kompatibilität zu gewährleisten, nutzt man meist mehrere <source>-Tags innerhalb des <audio>-Elements. Der Browser wählt automatisch das erste Format aus, das er abspielen kann.

Syntax

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

Attribute

Global: Globale Attribute
controls: Standard-Interface des Browsers
autoplay: Automatische Wiedergabe
loop: Endlos-Wiedergabe
muted: Stummschaltung
source: Audioquelle
preload: Vorladen der Datei (none/metadata/auto)

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel audio

Der Code:

<audio controls>
  <!-- Audioquellen für verschiedene Browser -->
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">

  <!-- Fallback für uralte Browser -->
  Ihr Browser unterstützt das Audio-Element nicht.
</audio>

Ergebnis:

Ergebnis: <audio>-Demo 1

Anmerkungen

<audio> ohne dem Attribut "controls" aber dafür mit dem Attribut "autoplay" ist in modernen Browsern nicht mehr erlaubt, da es als störend empfunden wird, wenn Audioinhalte automatisch abgespielt werden. Es ist daher empfehlenswert, immer das Attribut "controls" zu verwenden, damit Nutzer die Kontrolle über die Wiedergabe haben.