HTML Workshop -  Muziek op je website

Inleiding

In deze workshop gaan we kijken hoe je muziek af kunt laten spelen op je website, of hoe je muziek als achtergrondmuziek kunt laten spelen.

Het is natuurlijk wel van belang dat je wat muziek bestanden op je PC hebt staan. Heb je die niet, dan kun je hier eventueel wat MIDI-bestanden downloaden. Ik ga uit van MIDI-bestanden omdat deze het kleinst zijn van formaat en veroorzaken niet veel dataverkeer voor je website. Uiteraard ben je wel vrij om bijvoorbeeld wav-bestanden te gerbuiken. Echter deze zijn in de praktijk aardig groot van formaat.

Er zijn 2 manieren om muziek af te spelen op je website:

1) Hyperlink - Muziek begint te spelen als de bezoeker op de hyperlink klikt.
2) Embedded - Hiermee kun je muziekbestanden automatisch af laten spelen. 

Hyperlink

Dit is de meest eenvoudige manier om muziek af te laten spelen op je website. Je zet gewoon een hyperlink in je pagina die verwijst naar het muziekbestand dat je wilt afspelen.

Je zet de volgende code in de BODY van de pagina:

bij een .mid bestand

<a href="bestandsnaam.mid"> Speel de muziek af!</a> 

of bij een .wav bestand:

<a href="bestandsnaam.wav"> Speel de muziek af!</a>


Embedded

Zet de volgende HTML in je pagina:

<embed src="bestandsnaam.mid" width="150" height="60" autostart="false">

Er verschijnt dan een muziekspeler, waarbij de bezoeker een knop moet indrukken. Probeer het hier onder maar eens. Als het goed is, krijg je Hotel Calafornia te horen.

(150x60)         (120x30)         (50x20)  

Zoals je ziet, hoe groter of kleiner je de waardes van height en width maakt, hoe groter of kleiner de speler word. Door middel van het attribuut autostart, kun je er voor zorgen dat de muziek niet automatisch begint met spelen. Ik zal hieronder alle attributen laten zien die je verder kunt gebruiken bij <EMBED>.

Wel automatisch afspelen van een nummer:
<EMBED src="bestandsnaam.mid" width="150" height="60" autostart="true">

Wel automatisch afspelen van een nummer en doorlopend herhalen:
<EMBED src="bestandsnaam.mid" width="150" height="60" autostart="true" loop="true">

Doorlopende muziek zonder muziekspeler
<EMBED src="bestandsnaam.mid" hidden="true" autostart="true" loop="true">

Let op dat deze optie bij gebruikers als vervelend kan worden beschouwd. De bezoeker is namelijk niet meer in staat om de muziek af te zetten en deze blijft maar herhaald worden.

Tot Slot

Je kunt eventueel ook nog gebruik maken van het element <BGSOUND>. Hiermee kun je achtergrondmuziek afspelen op je website. Echter deze werkt alleen in Internet Explorer en niet in Netscape. Als je alle 2 de browsers wilt kunnen bedienen, kun je beter voor <EMBED> kiezen.
Zorg er verder voor dat je niet al te grote bestanden gebruikt, i.v.m. de laadtijd en vraag je altijd af of bezoekers wel zitten te wachten op muziek.

   Disclaimer | Marcel Lemans | Tell a friend | Adverteren | Awards | Partners | Update | Contact | Statistieken