Geef je site net dat beetje extra door muziek op je site te zetten!
joel |
2003-09-03 |
Programmeren en techniek
Wil je graag achtergrondmuziek op je site? Ben je het ook zat die Media Player op je scherm te krijgen? Of wil je graag een muziekje op je site bij een muisklik, zodat de bezoeker eerst het muziekje kan horen alvorens te moeten downloaden? Lees dan snel verder!
De meest gebruikte manier om muziekbestanden beschikbaar te stellen, is deze te laten downloaden en dan te laten afspelen. Dit kan ook veel makkelijker door direct het muziekbestand af te spelen. Met onderstaande code kan je een muziekbestand laten afspelen door met de muis op "Start Music" te klikken en weer te leten stoppen door op "Stop Music" te klikken. Dit voorbeeld is met een midi-bestand, maar dit werkt ook voor een mp3- of een wav-bestand.
Stap 1: Kopieer onderstaande code en zet die tussen de tags van de HTML van de pagina waarop je de muziek wilt laten horen:
<script language="JavaScript" type="text/JavaScript">
<!--
function controlSound(x, _sndObj, sndFile)
{
var i, method = "", sndObj = eval(_sndObj);
if (sndObj != null)
{
if (navigator.appName == 'Netscape') method = x;
else
{
if (window.MM_WMP == null)
{
window.MM_WMP = false;
for(i in sndObj) if (i == "ActiveMovie")
{
window.MM_WMP = true; break;
}
}
if (window.MM_WMP) method = x;
else if (sndObj.FileName) method = "run";
}
}
if (method) eval(_sndObj+"."+method+"()");
else window.location = sndFile;
}
//-->
</script>
Stap 2: Kopieer onderstaande code en zet die tussen de <body></body> tags van de HTML van de pagina waarop je de muziek wilt laten horen:
<a href="#" onClick="controlSound('play','document.CS1056032378015','downalle.mid')">Start Music!</a>
<a href="#" onClick="controlSound('stop','document.CS1056032378015','downalle.mid')">Stop Music!</a>
<embed name='CS1056032378015' src='/sitecoach/framework/data/magazine/nummers/27/downalle.mid' loop="False"
autostart="False" mastersound" hidden="True" width="0" height="0"></embed>
Door een kleine aanpassing te maken, kan je er voor zorgen dat het muziekje
direct gespeeld wordt bij het openen van je website. In de laatste regel code
moet je dan even autostart="False" in autostart="True" veranderen. Je kunt ook
de muziek eindeloos laten herhalen door loop="False" in loop="True" te
veranderen. Je moet er wel rekening mee houden dat sommige bezoekers hier niet
van gediend zijn. Het is dus aan te raden om ze zelf de keuze te geven.
Het bestand dat je oproept moet je natuurlijk uploaden naar je website. Als je er voor kiest dit bestand in dezelfde map te plaatsen als de webpagina, geef je alleen de naam van het muziekbestand op. Als je het in een andere map zet, dan geef je ook aan in welke map het muziekbestand staat. In de code moet je op drie plaatsen de bestandsnaam aanpassen. Let op: het gaat hier drie keer om hetzelfde bestand:
<a href="#"
onclick="controlSound('play','document.CS1056032378015','downalle.mid')">Start
Music!</a>
<a href="#"
onclick="controlSound('stop','document.CS1056032378015','downalle.mid')">Stop
Music!</a>
<embed name='CS1056032378015' src='/sitecoach/framework/data/magazine/nummers/27/downalle.mid' loop="False"
Je kan het beste gaan experimenteren met deze code en die aanpassen aan je behoeften. Het is leuk en geeft toegevoegde waarde aan je website.
Alvast veel succes gewenst.
PS: Houd er rekening mee dat niet iedereen gediend is van een muziekje op een website. Daarom is het goed om de bezoeker zelf de keuze te geven.
