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 bzw. Unterelemente

Global

Globale Attribute

controls

Standard-Interface des Browsers

autoplay

Automatische Wiedergabe

Endlos-Wiedergabe

Stummschaltung

Audioquelle

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.