Hinweis: Die unten angezeigten Audio-Player sind nur Beispiele. Es werden keine echten Musikdateien abgespielt, da die Dateien „musik.mp3“ und „musik.ogg“ hier nicht vorhanden sind.
1. Einfaches Audio einfügen
Das einfachste Beispiel, um Musik abzuspielen:
<audio src="musik.mp3" controls></audio>
Erklärung:
src="musik.mp3"→ Die Musikdatei.controls→ Zeigt die Player-Steuerung.
2. Mehrere Formate für Browser-Kompatibilität
Nutze mehrere Formate, damit jede Datei überall funktioniert:
<audio controls>
<source src="musik.mp3" type="audio/mpeg">
<source src="musik.ogg" type="audio/ogg">
Ihr Browser unterstützt dieses Audioformat nicht.
</audio>
<source src="musik.mp3" type="audio/mpeg">
<source src="musik.ogg" type="audio/ogg">
Ihr Browser unterstützt dieses Audioformat nicht.
</audio>
3. Automatisches Abspielen (Autoplay)
Autoplay funktioniert heute meist nur noch stumm:
<audio src="musik.mp3" autoplay muted controls></audio>
4. Weitere nützliche Attribute
Weitere Optionen:
loop→ wiederholt automatisch.muted→ startet stumm.preload="auto"→ lädt sofort.
<audio src="musik.mp3" controls loop preload="auto"></audio>