Audio in HTML einbetten

Mit dem <audio>-Element können Sie Audiodateien auf einer Webseite einbetten. Moderne Browser unterstützen die Wiedergabe ohne Plugins.

Einfache Audiowiedergabe

Der einfachste Weg zur Audiowiedergabe ist die Verwendung des <audio>-Elements mit einem <source>-Tag. Das Attribut 'controls' fügt Bedienelemente hinzu.

Wichtige Attribute

- 'controls': zeigt Bedienelemente - 'autoplay': startet automatisch - 'loop': wiederholt die Wiedergabe - 'muted': startet stumm - 'preload': legt das Vorladeverhalten fest (none, metadata, auto)

Unterstützung mehrerer Audioformate

Da nicht alle Browser dieselben Formate unterstützen, empfiehlt es sich, mehrere <source>-Elemente anzugeben (z. B. MP3, OGG). Der Browser spielt das erste unterstützte Format ab.

Praktische Tipps

Verwenden Sie optimierte, kleine Audiodateien für schnelle Ladezeiten. Benennen Sie Dateien klar und fügen Sie immer einen Fallback-Text für nicht unterstützte Browser hinzu.