Mediaplayer
30-09-2009 22:39
Achtergrondgeluid of muziekspeler op je site
Er is als dikwijls aan mij gevraagd hoe je een achtergrondgeluid of een klein muziekspelertje op je site moet zetten. Ik heb daarom dan maar besloten om dit klein artikel te schrijven. Ik heb hier de meest voorkomende soorten in uitgelegd van muziekspelers die er te vinden zijn op het internet. Ik ga er wel van uit dat je al een geluidbestand hebt om af te spelen op je site. Voor achtergrondgeluiden zijn MIDI bestanden aangeraden omdat het anders nogal veel zal zijn voor de bezoekers om te laden.
Als je toch nog geen muziekbestand hebt geef ik hier al een paar goede links waar je veel geluidsbestanden vindt.
* MIDI Songs on Demand: een directory met zeer veel gratis MIDI files. Ze hebben hier vaak de nieuwste muziekjes, o.a. uit films, tv-series en natuurlijk populaire muziek.
* MIDI Database: gigantische database met allerlei MIDI's onderverdeeld in verschillende genres. Met: rock, pop, rap, country, blues en nog veel meer.
* Free Midi Zone: veel gratis MIDI's vooral ingezonden door bezoekers van de site. Veel MIDI's van populaire nummers.
* Music Midi 2000: een site met een grote selectie MIDI bestanden, vooral van bands en artiesten.
Algemeen
Er zijn twee manieren om een achtergrondgeluid af te laten spelen :
Als een hyperlink : de muziek begint te spelen als je op een link klikt.
Embedded : het bestand speelt automatisch af
Muziek laten afspelen via een link
Dit is de meest eenvoudige manier. Je zet gewoon een hyperlink in je pagina die verwijst naar het muziekbestand dat je wilt afspelen. De muziekbestanden zijn meestal MIDI of WAVE bestanden met de extensie: .mid of .wav. Dit wordt ook wel "voorgrondmuziek" genoemd. Het moet niet persé die extensie hebben het mag ook .mp3 ofzo zijn maar deze twee zijn het meest aan te raden.
Je zet de volgende code in de BODY van de pagina :
<a href="jemuziekje.mid">Speel de muziek af!</a>
Bij een .wav bestand wordt dit :
<a href="jemuziekje.wav">Speel de muziek af!</a>
Embedded muziek laten afspelen
Deze manier om muziek af te spelen op je site is een van de meest gebruikte. Dit type muziek wordt achtergrondmuziek genoemd. Theoretisch zou je dus voorgrond- en achtergrondmuziek samen kunnen laten afspelen maar dat is sterk af te raden omdat er dan verschillende muziekjes door elkaar gaan afspelen.
Met dit type heb je meer mogelijkheden. Zo kan je ervoor zorgen dat de bezoeker eerst op een play-knop moet klikken vooraleer het liedje begint te spelen. Je kan dit natuurlijk ook gewoon automatisch laten afspelen. Je kan met dit type hoeveel keer het liedje na elkaar moet worden afgespeeld enz enz....
Ik zal gewoon elke keer een stukje van de code geven en die moet je dan zelf samenpuzzelen anders kan ik hier tientallen voorbeelden maken.
Dit is al zoiezo de standaardcode :
<embed src="jemuziekje.mid" hier vul je de extra opties in gescheiden door een spatie>
Speler zichtbaar
hidden="false" is de code die je hiervoor moet bijvoegen. Eigenlijk is dit niet bepaald nodig want standaard is hij zichtbaar maar je kan het er best bij zetten omdat dit niet bij alle browsers van toepassing is.
Speler onzichtbaar
hidden="true" moet je invullen om de speler te verbergen.
Formaat instellen
Je kan kiezen hoe groot je speler moet zijn. Dat doe je door de breedte en/of de hoogte in te stellen. Ik zal als voorbeeld pakken dat hij breed 50 moet zijn en 20 hoog. Dit doe je zo : width="50" height="20"
Je kan dit ook anders doen door bijvoorbeeld niet de hoogte en de breedte in te stellen maar door te zeggen dat hij klein moet zijn.
<embed src="jemuziekje.mid" width="50" height="20" controls="smallconsole">
Normaal is het zo :
Maar met de smallconsole krijg je iets als dit :
Automatische start
Om het muziekje automatisch te laten starten voeg je gewoon onderstaande code toe aan het geheel :
autostart="true"
Geen automatische start
autostart="false" Zoals je ziet is het niet zo moeilijk. Als je niet weet wat je met al die aparte stukje code moet doen dan zal het je wel duidelijk worden op het einde.
Aantal keren laten herhalen
Je voegt deze code in :
loop="hier vul je het aantal keren in dat het liedje moet herhalen"
om het liedje eeuwig door te laten spelen voeg je dit in :
loop="true"
Alles samen
Heb je niets begrepen van die flarden code elke keer? Dan zal het je nu wel duidelijk worden. Nu moet je gewoon alle stukjes code samenvoegen. Ik zal nu een voorbeeld geven en dan zal het je waarschijnlijk wel duidelijk worden hoe het systeem in elkaar zit.
Ik wil bijvoorbeeld een automatisch startende eeuwig door blijven spelende verborgen speler. Dan voeg je deze code in :
<embed src="jemuziekje.mid" hidden="true" autostart="true" loop="true">
Let op : Dit kan wel vreselijk irritant zijn voor je bezoekers, omdat de muziek constant blijft door spelen. Je kan bijvoorbeeld eerst is nagaan of de bezoekers wel degelijk muziek willen. Je kan dit beter niet gebruiken met de loop="true".
Nog steeds niet duidelijk? Ik zal je nog een voorbeeld geven. Ik wil bijvoorbeeld een zichtbare speler van 100 op 30 en ik wil dat het 3 keer speelt en dat het niet automatisch start.
<embed src="jemuziekje.mid" hidden="false" autostart="false" loop="3" width="100" heigth="30">
Zoals je ziet moet je gewoon de stukjes code achter elkaar zetten om je speler naar je eigen wensen te tonen (of juist niet
).
BGSound
Er is ook nog de <bgsound> tag. Je kan hier ook achtergrondmuziek mee afspelen, maar dit werkt alleen in Internet Explorer en niet in Netscape of andere browsers. Het is dus aan te raden dat je met de <embed> tag werkt, die werkt in IE en de meeste andere browsers.
Tenslotte
Het enige dat je nog moet doen is het geluidbestandje en de HTML pagina uploaden naar de server van je homepage-provider. Als je dan de pagina in je browser opent zou het normaal gezien moeten werken.
Einde artikel muziekspeler maken
Je weer nu genoeg om je eigen muziekspeler te zetten op je site en deze om te zetten naar jou wensen. Denk er wel aan dat je de bezoekers niet moet irriteren met je liedje. En gebruik best ook niet al te grote bestanden want dat kan veel laadtijd kosten. En vraag je altijd af of je bezoekers eigenlijk wel muziek willen. Het zou spijtig zijn als je met je muziekspeler bezoekers zou wegjagen.
Veel Plezier nog!
Er is als dikwijls aan mij gevraagd hoe je een achtergrondgeluid of een klein muziekspelertje op je site moet zetten. Ik heb daarom dan maar besloten om dit klein artikel te schrijven. Ik heb hier de meest voorkomende soorten in uitgelegd van muziekspelers die er te vinden zijn op het internet. Ik ga er wel van uit dat je al een geluidbestand hebt om af te spelen op je site. Voor achtergrondgeluiden zijn MIDI bestanden aangeraden omdat het anders nogal veel zal zijn voor de bezoekers om te laden.
Als je toch nog geen muziekbestand hebt geef ik hier al een paar goede links waar je veel geluidsbestanden vindt.
* MIDI Songs on Demand: een directory met zeer veel gratis MIDI files. Ze hebben hier vaak de nieuwste muziekjes, o.a. uit films, tv-series en natuurlijk populaire muziek.
* MIDI Database: gigantische database met allerlei MIDI's onderverdeeld in verschillende genres. Met: rock, pop, rap, country, blues en nog veel meer.
* Free Midi Zone: veel gratis MIDI's vooral ingezonden door bezoekers van de site. Veel MIDI's van populaire nummers.
* Music Midi 2000: een site met een grote selectie MIDI bestanden, vooral van bands en artiesten.
Algemeen
Er zijn twee manieren om een achtergrondgeluid af te laten spelen :
Als een hyperlink : de muziek begint te spelen als je op een link klikt.
Embedded : het bestand speelt automatisch af
Muziek laten afspelen via een link
Dit is de meest eenvoudige manier. Je zet gewoon een hyperlink in je pagina die verwijst naar het muziekbestand dat je wilt afspelen. De muziekbestanden zijn meestal MIDI of WAVE bestanden met de extensie: .mid of .wav. Dit wordt ook wel "voorgrondmuziek" genoemd. Het moet niet persé die extensie hebben het mag ook .mp3 ofzo zijn maar deze twee zijn het meest aan te raden.
Je zet de volgende code in de BODY van de pagina :
<a href="jemuziekje.mid">Speel de muziek af!</a>
Bij een .wav bestand wordt dit :
<a href="jemuziekje.wav">Speel de muziek af!</a>
Embedded muziek laten afspelen
Deze manier om muziek af te spelen op je site is een van de meest gebruikte. Dit type muziek wordt achtergrondmuziek genoemd. Theoretisch zou je dus voorgrond- en achtergrondmuziek samen kunnen laten afspelen maar dat is sterk af te raden omdat er dan verschillende muziekjes door elkaar gaan afspelen.
Met dit type heb je meer mogelijkheden. Zo kan je ervoor zorgen dat de bezoeker eerst op een play-knop moet klikken vooraleer het liedje begint te spelen. Je kan dit natuurlijk ook gewoon automatisch laten afspelen. Je kan met dit type hoeveel keer het liedje na elkaar moet worden afgespeeld enz enz....
Ik zal gewoon elke keer een stukje van de code geven en die moet je dan zelf samenpuzzelen anders kan ik hier tientallen voorbeelden maken.
Dit is al zoiezo de standaardcode :
<embed src="jemuziekje.mid" hier vul je de extra opties in gescheiden door een spatie>
Speler zichtbaar
hidden="false" is de code die je hiervoor moet bijvoegen. Eigenlijk is dit niet bepaald nodig want standaard is hij zichtbaar maar je kan het er best bij zetten omdat dit niet bij alle browsers van toepassing is.
Speler onzichtbaar
hidden="true" moet je invullen om de speler te verbergen.
Formaat instellen
Je kan kiezen hoe groot je speler moet zijn. Dat doe je door de breedte en/of de hoogte in te stellen. Ik zal als voorbeeld pakken dat hij breed 50 moet zijn en 20 hoog. Dit doe je zo : width="50" height="20"
Je kan dit ook anders doen door bijvoorbeeld niet de hoogte en de breedte in te stellen maar door te zeggen dat hij klein moet zijn.
<embed src="jemuziekje.mid" width="50" height="20" controls="smallconsole">
Normaal is het zo :
Maar met de smallconsole krijg je iets als dit :
Automatische start
Om het muziekje automatisch te laten starten voeg je gewoon onderstaande code toe aan het geheel :
autostart="true"
Geen automatische start
autostart="false" Zoals je ziet is het niet zo moeilijk. Als je niet weet wat je met al die aparte stukje code moet doen dan zal het je wel duidelijk worden op het einde.
Aantal keren laten herhalen
Je voegt deze code in :
loop="hier vul je het aantal keren in dat het liedje moet herhalen"
om het liedje eeuwig door te laten spelen voeg je dit in :
loop="true"
Alles samen
Heb je niets begrepen van die flarden code elke keer? Dan zal het je nu wel duidelijk worden. Nu moet je gewoon alle stukjes code samenvoegen. Ik zal nu een voorbeeld geven en dan zal het je waarschijnlijk wel duidelijk worden hoe het systeem in elkaar zit.
Ik wil bijvoorbeeld een automatisch startende eeuwig door blijven spelende verborgen speler. Dan voeg je deze code in :
<embed src="jemuziekje.mid" hidden="true" autostart="true" loop="true">
Let op : Dit kan wel vreselijk irritant zijn voor je bezoekers, omdat de muziek constant blijft door spelen. Je kan bijvoorbeeld eerst is nagaan of de bezoekers wel degelijk muziek willen. Je kan dit beter niet gebruiken met de loop="true".
Nog steeds niet duidelijk? Ik zal je nog een voorbeeld geven. Ik wil bijvoorbeeld een zichtbare speler van 100 op 30 en ik wil dat het 3 keer speelt en dat het niet automatisch start.
<embed src="jemuziekje.mid" hidden="false" autostart="false" loop="3" width="100" heigth="30">
Zoals je ziet moet je gewoon de stukjes code achter elkaar zetten om je speler naar je eigen wensen te tonen (of juist niet
).BGSound
Er is ook nog de <bgsound> tag. Je kan hier ook achtergrondmuziek mee afspelen, maar dit werkt alleen in Internet Explorer en niet in Netscape of andere browsers. Het is dus aan te raden dat je met de <embed> tag werkt, die werkt in IE en de meeste andere browsers.
Tenslotte
Het enige dat je nog moet doen is het geluidbestandje en de HTML pagina uploaden naar de server van je homepage-provider. Als je dan de pagina in je browser opent zou het normaal gezien moeten werken.
Einde artikel muziekspeler maken
Je weer nu genoeg om je eigen muziekspeler te zetten op je site en deze om te zetten naar jou wensen. Denk er wel aan dat je de bezoekers niet moet irriteren met je liedje. En gebruik best ook niet al te grote bestanden want dat kan veel laadtijd kosten. En vraag je altijd af of je bezoekers eigenlijk wel muziek willen. Het zou spijtig zijn als je met je muziekspeler bezoekers zou wegjagen.
Veel Plezier nog!