Das audio-Tag
Das Tag audio steuert die Wiedergabe
einer Audioaufnahme auf einer HTML-Seite. Bei
seinem Hinzufügen erscheint ein Player
auf der Seite, der Schaltflächen wie "Zurück", "Vor",
"Stopp" usw. haben wird (ihre Darstellung und Anzahl hängt
vom Browser ab). Der Pfad zur Datei wird über
das Attribut src oder das eingebettete Tag source angegeben.
Das Tag source wird benötigt, um
Pfade zu Audioaufnahmedateien in verschiedenen Formaten anzugeben
(da Browser unterschiedliche Audioformate unterstützen,
z.B. mp3 oder wav).
Wenn Sie eine Aufnahme in einem der Formate haben,
müssen Sie sie auch in die anderen konvertieren.
Innerhalb des Tags audio kann Text geschrieben werden,
der in Browsern ausgegeben wird, die
kein Audio in HTML unterstützen (dies geschieht,
um die Benutzer darüber zu informieren).
Wenn Sie einen Player zur Steuerung der Wiedergabe
des Audios sehen möchten - sollten Sie das Attribut controls hinzufügen.
Ohne dieses werden Sie nichts sehen - und Ton gibt es dabei
auch nicht. Damit es Ton bei fehlendem
Player gibt - fügen Sie das Attribut autoplay hinzu.
Attribute
| Attribut | Beschreibung |
|---|---|
src |
Gibt den Pfad zur Audio-Datei an.
Besser ist es jedoch, dafür das Tag source zu verwenden
(in diesem Fall kann das Audio in verschiedenen Formaten angegeben werden).
|
preload |
Wird verwendet, um die Audio-Datei gleichzeitig mit dem Laden der Webseite zu laden.
Mögliche Werte: none (Datei nicht laden, Standard),
metadata (nur Metadaten laden: Dauer der Wiedergabe usw.),
auto (die gesamte Audio-Datei beim Laden der HTML-Seite laden).
|
autoplay |
Der Ton beginnt sofort nach dem Laden der Seite zu spielen,
dabei wird das Vorhandensein des Attributs preload ignoriert.
Attribut ohne Wert. |
controls |
Fügt ein Steuerfeld zur Audio-Datei hinzu.
dabei wird das Vorhandensein des Attributs preload ignoriert.
Attribut ohne Wert. |
loop |
Wiederholt die Audioaufnahme im "Kreis": Nach dem Ende beginnt sie von neuem zu spielen.
dabei wird das Vorhandensein des Attributs preload ignoriert.
Attribut ohne Wert. Standardmäßig (wenn das Attribut nicht vorhanden ist) wird die Aufnahme nur 1 Mal abgespielt.
|
muted |
Schaltet den Ton der Audioaufnahme stumm.
Attribut ohne Wert. Standardmäßig (wenn das Attribut nicht vorhanden ist) ist der Ton der Aufnahme eingeschaltet. |
Beispiel . Player auf einer Webseite
Fügen wir einer Seite einen Player mit einer Audioaufnahme hinzu.
Für die Browser, die das
Tag audio nicht unterstützen, wurde ein spezieller Hinweis
dazu hinterlassen:
<audio src="track.mp3" controls>
Ihr Browser unterstützt kein audio in HTML5.
</audio>
Beispiel . Player auf einer Webseite mit source-Tag
Und jetzt fügen wir anstelle des Attributs src
für das Tag audio das Tag source hinzu:
<audio controls>
<source src="track.mp3">
Ihr Browser unterstützt kein audio in HTML5.
</audio>
