Sie sind hier: Startseite · Artikel · Hintergrundmusik auf Webseiten

Hintergrundmusik auf Webseiten

Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.

Hintergrundmusik auf Webseiten ist - vorsichtig ausgedrückt - einer der beliebtesten Anfängerfehler. Im Web wird, zu Recht, nachdrücklich davor gewarnt. Diese Warnungen kann man im Wesentlichen wie folgt zusammenfassen:
Hintergrundmusik, vor allem, wenn sie ungefragt losdudelt, führt dazu, dass die meisten Besucher die Seite sofort wieder verlassen.

Aus diesem Grund unterbinden inzwischen – Stand August 2019 – auch alle Browser selbststartende Audios (und Videos mit Ton). Ausnahme (wie lange noch?): Microsoft Internet Explorer und Edge.

Was aber, wenn ein Webmaster partout der Meinung ist, dass sein Fall ganz anders liegt, und dass auf seiner Seite Hintergrundmusik gerechtfertigt ist? Nun gut, dann wenigstens richtig.

Was heißt richtig?

• Keinesfalls Autostart, sondern ein deutlich sichtbarer Schalter zum Ein- und Ausschalten der Musik
• Kleinstmögliche Größe der Musikdatei, um Ladezeiten und Traffic zu minimieren
• Sichere Funktion in allen Browsern — auch Tablets und Smartphones (incl. iOS und Android)
• und natürlich valider Code

Hier eine Demo

Die Einbindung ist sehr einfach. Alle notwendigen Anleitungen stehen in der readme.txt

Kostenloser Download

Mit dem Download anerkennen Sie unsere Allgemeinen Geschäftsbedingungen.

Nachtrag 03.09.2019

Gibt es Fälle, in denen es dem Besucher nicht zuzumuten ist, einen Button anzuklicken, bevor die Hintergrundmusik "losdudelt"? Ich hab' mal eine Demo gebastelt, die Autoplay nutzt – sofern Browser dies noch erlauben.

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.