Achtergrondmuziek op je website zetten?
Hier lees je hoe je dat doet!

Een pagina van je website van achtergrondmuziek voorzien is écht helemaal niet moeilijk. Het enige dat je hoeft te doen is een geluidsbestand op de server van je webhost zetten en een stukje html-code plaatsen op de pagina waarop die achtergrondmuziek te horen moet zijn. Meer komt er niet bij kijken! Verderop vind je de code van de achtergrondmuziek van deze webpagina.

Maar wees voorzichtig met achtergrondmuziek: als je geluidsbestand erg groot is, kan het erg lang duren voordat je pagina is geladen in Internet Explorer (of een andere browser). Je loopt dan het risico dat je bezoeker alweer vertrekt voordat hij de pagina zelfs maar heeft gezien! En dat kan natuurlijk nooit je bedoeling zijn.

Het beste kun je een mp3-bestand gebruiken voor je achtergrondmuziek. Dit formaat is een van de meest populaire, heeft een goede compressie en een hoge kwaliteit. Eigenlijk alle browsers ondersteunen dit formaat.

Zorg er ten slotte voor dat je een goede webhost hebt. Waarom? Veel gratis web hosting services bieden maar erg weinig ruimte op hun server, dus tegen de tijd dat je muziekbestanden op hun server staan, heb je maar weing ruimte meer over voor andere zaken. Ik heb een first class hostingpakket bij Alphamegahosting, en dat biedt genoeg ruimte voor wat achtergrondmuziek.

En dan nu de code

1. Zoek eerst een muziek- of geluidsbestand dat je wilt gebruiken. Weet je niet waar je een geschikt muziekbestand vandaan moet halen? De achtergrondmuziek die je op deze pagina hoort, is afkomstig van DanoSongs.com. Vind je daar niet wat je zoekt, dan zijn er natuurlijk nog genoeg andere sites waar je muziek- of geluidsbestanden kunt downloaden (type "royalty free music files" in het vak hieronder en klik op 'zoeken').

   Voer uw zoekwoorden in Zoekformulier verzenden

   
   Zorg er wel voor dat je de rechten hebt op de muziek die je wilt laten horen!
   
   
2. Upload je muziekbestand naar de server van je web hosting provider.
   
3. Nu open je in je html-editor de pagina waarop je de muziek wilt laten horen. Ergens op de pagina – het doet er niet zoveel toe waar – zet je de volgende html-code:
   
   
   <object data="muziek/waitforthedawn.mp3" type="audio/mpeg" width="0" height="0">
   <param name="playcount" value="1" />
   <param name="autostart" value="true" />
   <param name="volume" value="-500" />
   </object>
   

Uitleg:

• data="muziek/waitforthedawn.mp3":
  Dit betekent dat de naam van mijn muziekbestand 'waitforthedawn.mp3' is en dat het op mijn server te vinden is in de map 'muziek'.
• width="0" height="0":
  De mediaspeler zelf wordt verborgen.
• type="audio/mpeg":
  Hiermee wordt het internet mediatype (MIME) van het object gedefinieerd. Neem dit maar gewoon over.
• name="playcount" value="1":
  Dit stukje code zegt dat het muziekbestand één keer afgespeeld moet worden.
• name-"autostart" value="true":
  Dit stukje code zegt dat het muziekbestand direct afgespeeld moet worden als de pagina wordt opgeroepen.
• name="volume" value="-100":
  Hiermee geef je aan dat het muziekbestand iets lager dan op normale geluidssterkte moet worden afgespeeld. Deze waarde ligt tussen 0 (normale geluidssterkte) en -10000.
  

Heb je de bovenstaande code in je pagina gezet, dan zal het geluidsbestand afspelen in Mozilla Firefox en in Google Chrome. Maar helaas niet in Internet Explorer. Om het geluidsbestand ook in IE automatisch te laten afspelen, moet je de volgende code in de head van je document zetten:

<bgsound src="muziek/waitforthedawn.mp3" loop="1" volume="-100" />

Ten slotte upload je het html-bestand met de muziekcode naar de server. Dat is alles!

Van achtergrondmuziek terug naar de homepage