Überschrift strassencoder.ch
Logo strassencoder.ch
Überschrift Audio

Was ist das Audio-Element in HTML

Das HTML5 <audio> Element ist ein Weg zum einbinden von Audio-Dateien auf einer Webseite durch den Audio-Player (ohne Plugins). Zum abspielen eines Audio-Files verwende das <audio> Element. Für das abspielen, pausieren und die Einstellung der Lautstärke füge dem Audio-Datei das Attribut "controls" hinzu. Das <source> Element erlaubt immer ein alternatives Format (des Files) für den Browser. Der Browser wird das erste erkennbare Format verwenden.

Weitere Attribute des audio/source - Tag

AttributBeschreibung
autoplayDas Audio-File wird abgespielt sobald die Webseite geladen wurde.
loopDas Audio-File befindet sich in einer Endlosschleife.
mutedWird verwendet um die Audio-Datei zunächst stumm zuschalten.
preloadLegt fest ob das Audio-File schon beim Laden der Seite mitgeladen wird oder ob auf Benutzereingaben gewartet werden soll.
srcVerweist auf die Location des Audio-File.

Der Text zwischen den <audio> und </audio> Tags wird nur angezeigt wenn der Browser das Audio-Element nicht unterstützt. Das derzeit am meisten verwendete Audio-Format ist „MP3“, welches von HTML5 unterstützt wird. Außerdem unterstützt HTML5 noch die Audio-Formate „Ogg“ und „WAV“.

Browser MP3 Wav Ogg
Edge Ja Ja Ja
Chrome Ja Ja Ja
Firefox Ja Ja Ja
Safari Ja Ja Nein
Opera Ja Ja Ja
Überschrift Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Page </title>
</head>
<body>
<audio style="display:block; margin: 0 auto; margin-top:3rem;" controls>
<source src="Bilder/PinkPanther.ogg" type="audio/ogg">
<source src="Bilder/PinkPanther.mp3" type="audio/mpeg">
Der Browser unterstützt das Audio-Element nicht.
</audio>
</body>
</html>
Überschrift BrowserAusgabe