Mettre un jukebox sur son site

Voici un exemple avec un gif de jukebox que j'ai animé, essayez-le!

Vous aimez ?  Ce script est l'original de Nicholas Loar et a été trouvé sur le site The Javascript source.

<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Nicholas Loar --> <!-- Web Site: http://www.cass.net/~anarchy --> <!-- Found on The JavaScript Source!! http://javascript.internet.com --> <!-- Tutoriel français par Caro http://carotut.voila.net --> <!-- Begin songNum = new Array(); songNum[0] = "#"; songNum[1] = "http://www.ifrance.com/graphismecaro/chariots.mid"; songNum[2] = "http://www.ifrance.com/graphismecaro/stairway.mid"; songNum[3] = "http://www.ifrance.com/graphismecaro/pauline.mid"; songNum[4] = "http://www.ifrance.com/graphismecaro/something_stupid.mid"; songNum[5] = "http://www.ifrance.com/graphismecaro/hallyday_portes.mid"; songNum[6] = "http://www.ifrance.com/graphismecaro/holding_back.mid"; songNum[7] = "http://membres.lycos.fr/creationscaro/c_d_immortality.mid"; songNum[8] = "http://membres.lycos.fr/creationscaro/midi_dreaming_of_you.mid"; songNum[9] = "http://membres.lycos.fr/creationscaro/sailing.mid"; songNum[10] = "http://membres.lycos.fr/ecrandeveillecaro/howdeepisyourlove.mid"; var music = null; var track = 0; var ver = navigator.appName; function audioCheck(plugName) { for (var i = 0; i < navigator.plugins.length; i++) { if (navigator.plugins[i].name.toLowerCase() == plugName.toLowerCase()) { for (var j = 0; j < navigator.plugins[i].length; j++) { if (navigator.plugins[i][j].enabledPlugin) { return true; } } return false; } } return false; } function chooseSong(s) { // ie track = s.options[s.selectedIndex].value; if (ver == "Microsoft Internet Explorer") { document.all.music.src = songNum[track]; } else { songPlay('play'); } } function songPlay(cmd) { // netscape if (audioCheck("LiveAudio")) { if (cmd == 'play') { document.musicSource.play(false, songNum[track]); } } else { alert("You Do Not Have The Correct Plugin"); } } // End --> </script>

Suivez les instructions, soit copiez et collez la première partie du code dans votre balise head et la seconde partie du code est à placer dans la balise body à l'endroit ou vous désirez que le jukebox apparaisse. 

<center> <form name=choose> <select size=1 name=track onChange="chooseSong(this);"> <option value="0">Choisissez une musique</option> <option value="1">Chariots of fire</option> <option value="2">Stairway to heaven</option> <option value="3">Pauline</option> <option value="4">Something stupid</option> <option value="5">Portes du pénitencier</option> <option value="6">Holding back the years</option> <option value="7">Immortality</option> <option value="8">Dreaming of you</option> <option value="9">Sailing</option> <option value="10">How deep is your love</option> </select> <input type=button onMouseDown="chooseSong(document.choose.track)" value=" Jouez "> </form> <script language="JavaScript"> <!-- Begin var ver = navigator.appName; if (ver == "Microsoft Internet Explorer") { document.write('<bgsound src="#" ID=music loop=1 AUTOSTART=true>'); } else { document.write('<embed type="audio/midi" src="aeroplane.mid" AUTOSTART=false hidden=true VOLUME="90" name="musicSource" MASTERSOUND></EMBED>'); } // End --> </script> </center><!-- Script Size: 2.53 KB -->

Voici maintenant ce que vous devrez changer.  Remplacez toutes les urls que j'ai encadrés dans la première partie (dans le head) ceux-ci étant à titre d'exemple.

Puis dans la seconde partie, celle qui se trouve dans votre balise body, changez les titres des chansons selon les vôtres.

Voilà, c'est tout!

Mes tutoriels vous aident dans la création de votre site ? Merci à l'avance si vous décidez de faire un lien vers mon site :))

 «-Retour

©CaroTut 2003-2012