Hintergrundmusik 29. January 2005 um 12:03 Uhr /
Immer wieder fragen vor allem HTML Anfänger danach, wie sie Hintergrundmusik in ihre Seite einbinden können und immer wieder bekommen sie als Antwort nur die Nachteile dieser zu hören, dass sie:
- nervt, weil sie in die eigene gerade gehörte mp3 Musik aus dem Computer reinspielt
- sich nicht abschalten lässt
- bei jedem neuen laden der Seite wieder von vorne anfängt, außer man benutzt Frames dafür
- heruntergeladen werden muss, obwohl man sie gar nicht hören möchte
Doch sie hat auch ein paar Vorteile, die man nicht so einfach unter den Tisch kehren sollte, und die ich auch schon einmal erwähnt habe:
- sie unterstützt die Stimmung, die die Seite vermitteln möchte
- sie unterhält
Man sollte diese beiden Punkte nicht unterschätzen, denn sie können vor allem auf einer Seite, die für ein Produkt, oder eine Marke wirbt sehr wichtig sein.
Ein Beispiel wäre da eine hippige Firma, die einen neuen Schuh verkaufen will. Er ist an junge, dynamische Diskogänger gerichtet. Diese sollen auf der optisch diskomäßig gestylten Seite in Diskostimmung versetzt werden und diese dann genau mit diesem Schuh in Verbindung bringen. Rein optisch ist es aber schwer sich in eine solche Stimmung versetzen zu lassen, denn jeder hat ein eigenes Bild von seiner Diskothek, da diese ja auch sehr unterschiedlich gestaltet sind. Die einen sind sauber mit viel buntem Licht, die anderen dreckig und nur mit einem Stroboskop beleuchtet, die dritten sind noch ganz anders. Was sie aber alle gemeinsam haben, sie spielen 4/4 Takt Musik.
Was liegt da näher als diese Musik dazu zu benutzen die Besucher in Diskostimmung zu bringen? Sie sollen sich im Schuhgeschäft an diese Stimmung erinnern und deshalb genau diesen Schuh kaufen. Ihre Beine haben schließlich zu Hause von alleine schon »beim bloßen Anblick der Schuhe« das Tanzen angefangen, was wird passieren wenn sie erst in der Diskothek damit auftauchen? Natürlich hat es die Musik gemacht und nicht der Anblick der Schuhe, aber das interessiert nicht.
Musik einbinden
Aber wie binde ich diese Musik als Hintergrundmusik ein und das ohne die oben genannten Nachteile?
Das ist nicht einfach, aber auch nicht unmöglich. Helfen kann da ein kleiner Musikplayer für Flash. Marc Reichelt stellt genau so einen namens EMFF (Einfacher Musikplayer für Flash) zur Verfügung. Man hat beim erstellen des Quellcodes einige Einstellmöglichkeiten für den eigenen Player. Man kann zum Beispiel auswählen ob die Musik gleich beim Laden abgespielt werden soll oder nicht, welches Musikstück abgespielt werden soll, und so weiter. Mit Hilfe des Players kann man die Musik auch selbst ab- und wieder einschalten. Damit hätten wir schon Punkt 1 und Punkt 2 aus der Liste der Nachteile eliminiert.
Doch was ist mit Punkt 3 und 4? Bei jedem klick auf einen Link wird die Seite und somit auch der Player neu geladen. Damit wird auch die Musik unterbrochen, bzw. fängt sie wieder von vorne an. Früher verwendete man für so etwas einfach Frames, in denen eine Seite die die Musik beherbergte, immer offen blieb. Genau das wollen wir auch für uns nutzen. Frames haben aber zu viele Nachteile, als dass wir sie nur wegen der Hintergrundmusik einsetzen wollen würden. Deshalb machen wir ein neues Browserfenster auf, welches immer offen bleibt. Ein PopUp, in welches wir dann den Player laden. Dieses PopUp bringen wir irgendwo unter wo es nicht stört, zum Beispiel hinter der eigentlichen Seite. Das sollte man dem Besucher aber auch deutlich machen, denn wenn er nicht weiß dass es da ist kann er es nicht schließen. Es wird also ein PopUnder. Das hat gleich mehrere Vorteile gegenüber Frames:
- Jeder kann das PopUnder selbst schließen
- man kann es beim Laden der Seite öffnen
- oder durch einen gezielten Klick eines Besuchers
Somit hätten wir auch Punkt 3 und 4 aus unserer Liste eliminiert, was bleibt sind nur noch die Vorteile. Warum solltet ihr sie euch entgehen lassen?
Weiterführende links
- Worauf man beim erstellen solcher JavaScript Popups achten sollte hat Molily aufgeschrieben
- Wie man ein PopUp öffnet.
- Wie man ein PopUnder daraus macht
Achtung Urheberrecht
Bei dieser Gelegenheit will ich aber auch gleich darauf hinweisen, dass auch Musik unter dem Schutz des Urheberrechtes steht und nicht jedes Stück mp3 einfach so in die eigene Seite eingebunden werden darf. Mann muss dafür das Verwertungsrecht besitzen.
Kommentare
Die Kommentare sind für diesen Eintrag geschlossen.
André aus Düsseldorf schrieb am 30.01.2005
Das ist ein akzeptabler Vorschlag, um den Nervfaktor zu verringern. Da er aber auch enthält ein PopUp zu öffnen, sei darauf hingewiesen, dass mittlerweile alle populären Browser auf die eine oder andere Weise PopUps unterdrücken.
Aus Sicht des Kunden, der sich ein kleines Soundscape machen läßt und dann anbieten will nicht so schön.
Ich würde ja bei "man kann es beim Laden der Seite öffnen oder durch einen gezielten Klick eines Besuchers" die Betonung stark darauf legen, dass man es dem Benutzer anbieten aber eben nicht aufdrängen sollte.
Nur wenn man es als Link anbietet, dann kann man eigentlich gleich auch eines der Streamingformate nehmen. Flash ist da aber auch ok.
Jeena Paradies aus Burgpreppach schrieb am 30.01.2005
Das mit den Streamingformaten ist so ne Sache, die sind viel weniger verbreitet, als Flash. Dazu kommt auch noch dass sich dann der Player öffnen muss (Realplayer, Mediaplayer, Winamp) was bei langsameren Rechnern eine Ewigkeit dauert. Dann kommt noch hinzu dass die ganze Zeit gestreamt werden muss, bei Flash wird einmal heruntergeladen und in einer Loop gespielt.
Aber mit der starken Betonung auf das anbieten, anstatt aufdrängen, da stimme ich dir zu. Die Welt ist halt nicht ganz so perfekt wie man es sich wünschen würde ;-)
René aus René schrieb am 30.01.2005
zugegeben bin ich einer der Soundgegner im Internet ;-)
Denn auch mit der Maßnahme bleibt die Ungewißheit, ob der Besucher nicht gerade eine andere Musik hört oder hören will.
PopUps mag ich auch nicht wirklich - Auch wenn diese im Hintergrund sich laden. Ich muß beim Nichtgefallen das auch schließen. Die Idee mit Streaming finde ich ggf. besser. Ein uraltes WinAmp 2.91 läuft auch auf alten Kisten.
Wenn es um den Widererkennungseffekt geht, sollte man eher ein Jingle benutzen. 3 oder 4 Sekunden kann man ggf. auch verschmerzen ...
definite help schrieb am 05.01.2006
Sag mal wenn man jetzt einfach ein html code mit dem wav musikstück einfügt.. ungefähr so <head>
<title>Hintergrundmusik</title>
<!-- Microsoft: -->
<bgsound src="hitnergrund.wav" loop=2> sodass sich das lied 2 mal wiederholt! Aber wie schafft man es jetzt zwei musikstücke einzufügen? Wenn ich beide Musikstücke so einfüge, dann spielt er sie mir gleichzeitig ab, ist ja eigentlich klar.. aber wie verhinder ich das?
Hoffe ihr könnt mir mal weiterhelfen!
Jeena Paradies aus Varberg schrieb am 06.01.2006
Du kannst entweder beide Musikstücke zu einer einzigen Datei zusammenfassen, oder es eben nach der Beschreibung hier machen.
Anonym schrieb am 06.09.2006
das einzige problem dass ich damt habe ist, dass wenn das lied zu lange ist auch der rechner so lange zum laden brauchta ebr so ist es sicher eine der ellegantesten lösungen für das problem
Karuso aus Deutschland schrieb am 11.02.2007
Kann ich eine Lautstärkevoreinstellung vornehmen? Ist ziehmlich nervig, wenn der Besucher mit 100 % iger Lautstärke zugeknallt wird - 25 % wären optimal :) Ist das möglich?
Ansonsten Danke ich für den Hinweis, eine nette Möglichkeit alles Nervige zu umgehen.
Anonym schrieb am 18.02.2007
hi zusammen....ich hoffe mir kann jemand helfen hier.
eins vorweg: bin ein echter newbie in sachen webdesign etc....hab mich aber bereiterklärt für unsere Band ne Page zu machen.
Ich arbeite dabei mit NetObjects Fusion 10.
Klappt auch soweit alles ganz prima - jedoch wollte ich nen mp3-player auf die Site bauen, wo der Besucher (wenn er möchte) sich eine paar Songs von uns anhören kann.
Bin auf den Emff player gestossen....hörte sich alles sehr easy an...aber hm.....es klappt bei mir eben nicht.
Ich scheitere wohl an den Begrifflichkeiten. Was muss ich wo einbinden bzw. hinkopieren?? "..ins Website Verzeichnis.." - was ist das? mein lokales Verz.?? "...in das Dokument einfügen..." - wooo??? welches Dokument??
naja...eben alles solche dummen Fragen aber vielleicht wills mir ja wirklich jemand genauer erklären, wäre super!
Grüsse
Dominik