JavaScripts knippen en plakken
Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.
vorige   ACHTERGRONDMUZIEK   volgende

De vraag hoe achtergrondmuziek op de site te plaatsen wordt heel vaak gesteld.
Alhoewel dit niets met javascript te maken heeft, een woordje uitleg.


1. Achtergrondmuziek op een pagina plaatsen is heel eenvoudig.

Je hebt alleen een muziekbestand nodig (.mid, .wav, .mp3) en dit voeg je met deze html-tag in:
<embed src="muziekbestand.mid" width=200 height=45 loop=-1>

Belangrijke opmerking :

Vanaf IE7 ondersteunt Microsoft de <embed>-tag niet meer om mediabestanden weer te geven maar gebruikt in plaats daarvan ActiveX-plugins. Om er zeker van te zijn dat jouw muziek in zoveel mogelijk browsers weergegeven wordt, kun je bovenstaande regel beter vervangen door volgende code, die de bezoeker tevens uitnodigt de juiste speler te downloaden en te installeren indien die niet aanwezig zou zijn:

<OBJECT CLASSID="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" WIDTH="0" HEIGHT="0" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab" TYPE="application/x-oleobject">
<PARAM NAME="filename" VALUE="muziekbestand.mp3">
<PARAM NAME="autostart" VALUE="true">
<PARAM NAME="loop" VALUE="true">
<EMBED SRC="muziekbestand.mp3" WIDTH="0" HEIGHT="0" TYPE="audio/midi" PLUGINSPAGE="http://www.apple.com/quicktime/download/" AUTOSTART="true" AUTOPLAY="true" LOOP="true"></EMBED> </OBJECT>


Enkel "muziekbestand.mp3" vervangen door de naam van jouw muziekbestand.
Waar gewenst kun je "true" vervangen door "false", de benamingen spreken voor zich.

Door width=200 height=45 wordt een mini-speler afgebeeld, waarmee je de muziek kunt starten, stoppen en pauzeren. Wens je geen speler af te beelden, dan stel je deze waarden in op nul.
Met loop=-1 laat je de muziek eindeloos herhalen. Wens je dat de muziek slechts 1 keer afgespeeld wordt, dan maak je van -1 een 1.

2. Achtergrondmuziek op een website plaatsen doe je met frames.

Wanneer de bezoeker naar een andere pagina gaat, dan stopt de muziek.
Om de muziek verder te laten spelen, maak je gebruik van een onzichtbaar frame waarin de muziekpagina geladen wordt. Doordat het (onzichtbare) frame steeds aanwezig blijft en de paginawissel in een ander framevenster plaats vindt, blijft de muziek verder spelen.
Een onzichtbaar frame maak je als volgt:
<frameset rows="0,*" frameborder=0 border=0 framespacing=0>
<frame name = "muziek" src = "muziek_aan.htm">
<frame name = "hoofd" src = "een_pagina.htm"
</frameset>

In "muziek_aan.htm" plaats je de pagina met de muziek zoals in punt 1.
In "een_pagina.htm" plaats je jouw website.

3. Kun je een knop maken om de muziek aan of uit te zetten?

Ook dit is heel eenvoudig: door een lege pagina in te laden in het frame "muziek", wordt de muziek gestopt.
<a href="muziek_aan.htm" target="muziek"> MUZIEK AAN </a>
<a href="muziek_uit.htm"   target="muziek"> MUZIEK UIT   </a>


MUZIEK AAN       MUZIEK UIT

4. Kun je een nummer laten kiezen?

Even eenvoudig als al het voorgaande: in het frame "muziek" laad je gewoon een ander nummer in.

BACH OPUS 846       BACH OPUS 847       BACH OPUS 850


5. Kan ik meerdere nummers na elkaar laten afspelen?

5.1. Daarvoor maak je een gewoon tekstbestand met de namen van jouw muziekbestanden (druk na elke invoer op 'enter'):
bestand1.mp3
bestand2.mp3
...
5.2. Je geeft dit bestand een willekeurige naam ('nummers' bijvoorbeeld) en slaat dit op met de extensie .m3u
5.3. Op de plaatsen waar je in het voorbeeld op deze site 'muziekbestand.mp3' vindt, vervang je dit door 'nummers.m3u'.
5.4. In plaats van één muziekbestand wordt nu automatisch de lijst van de .mp3-bestanden na elkaar afgespeeld.


6. Wat als ik een radiozender als achtergrondmuziek wens te gebruiken ?

Nog veel eenvoudiger:
Plaats in het onzichtbaar (i)frame een pagina met
<script type="text/javascript"> window.document.location.href="HTTP-ADRES VAN DE RADIOZENDER"</script>
en je krijgt je favoriete radiozender als achtergrondmuziek.

RADIO AAN       RADIO UIT

( Even geduld: het duurt enkele seconden vooraleer de verbinding met de radiozender gemaakt is. )

Je kunt ook een lijst van radiozenders toevoegen, zodat de bezoeker de zender zelf kan uitkiezen.


- - - - -


Noot: Omdat op deze site geen frames gebruikt worden, werd de muziek op deze pagina in een onzichtbaar iframe geplaatst. Dit kan dus evengoed, alleen wordt de muziek in dit geval bij het wisselen naar een andere pagina gestopt.


28.10.11: Op aanvraag: 'Hoe een radiozender als achtergrondmuziek gebruiken ?' toegevoegd .
14.11.07: Belangrijke opmerking i.v.m. ActiveX toegevoegd.


Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.