Création d'un Juke-Box en JavaScript.
  • Installer un Juke-Box ou des musiques à l'aide d'un menu déroulant.
  • Il faut bien sûr que vous ayez les fichiers mid ou midi correspondants dans votre répertoire et les transférer sur votre serveur. Mon Juke-Box comprend 15 musiques différentes.
  • Sinon vous en trouverez sur mon site dans la page : Téléchargement. Aller ensuite sur Fichiers son Mid ou Midi à télécharger, vous en trouverez des dizaines, ils sont zippés.
  • J'ai laissé les fichiers mid à la fin de l'url comme exemple.
  • Important, respectez l'ordre des fichiers son qui se trouvent dans la partie <HEAD> et <BODY>
  • Exemple, le code se trouvant dans la partie <HEAD> : songNum[1] = "http://www.mon.site.com/Ziggy.mid";
  • doit se rapporter au code : <option value="1">Ziggy</option> se trouvant dans la partie <BODY>
  • , sinon gare au mélange ;o))
  • Suivez les instructions ci-dessous, n'oubliez pas de placer votre prope URL dans la partie : http://www.mon.site.com/
  • Ne changez plus rien au restant du code, bon courage !!!
  •  
  • 1 copier/coller les fichiers son midi entre les balises <HEAD> et </HEAD>.
  • -------------------------------------------------------------------------------------------
  • <SCRIPT LANGUAGE="JavaScript">
  • <!-- Ce Script et bien d'autres sont disponibles sur -->
  • <!-- Bienvenue à Orliénas -->
  • <!-- http://perso.wanadoo.fr/jean-louis.pierre/ -->
  • <!-- © jean-louis.pierre6@wanadoo.fr -->
  • <!-- Begin
  • songNum = new Array();
  • songNum[0] = "#";
  • songNum[1] = "http://www.mon.site.com/Ziggy.mid";
  • songNum[2] = "http://www.mon.site.com/Aziza.mid";
  • songNum[3] = "http://www.mon.site.com/belle.mid";
  • songNum[4] = "http://www.mon.site.com/Belle_ile_en_mer.mid";
  • songNum[5] = "http://www.mon.site.com/bodyguard.mid";
  • songNum[6] = "http://www.mon.site.com/seul.mid";
  • songNum[7] = "http://www.mon.site.com/Poweroflove.mid";
  • songNum[8] = "http://www.mon.site.com/blues_brother.mid";
  • songNum[9] = "http://www.mon.site.com/flintstone.mid";
  • songNum[10] = "http://www.mon.site.com/rocky.mid";
  • songNum[11] = "http://www.mon.site.com/youwinmylove.mid";
  • songNum[12] = "http://www.mon.site.com/Crazy.mid";
  • songNum[13] = "http://www.mon.site.com/comme-jai-toujours-envie-daimer.mid";
  • songNum[14] = "http://www.mon.site.com/obladioblada.mid";
  • songNum[15] = "http://www.mon.site.com/iwillsurvive.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>
  •  
  • -----------------------------------------------------------------------------------------------------
  • 2 copier/coller pour faire le menu déroulant entre les balises <BODY> et </BODY>.
  •  
  • -----------------------------------------------------------------------------------------------------
  •  
  • <p align="center"><font face="Verdana">
  • Lorsque vous voudrez arrêter la musique, sélectionnez de nouveau<br>(Choisissez votre musique) et elle s'arrêtera automatiquement.<b><br><br><form name=choose>
  • <select size=1 name=track onChange="chooseSong(this);" style="background-color: rgb(245,242,235); color: rgb(87,92,96); font-family: Verdana; font-size: xx-small; border: thin none rgb(245,242,235)" size="1">
  • <option value="0">Choisissez votre musique...</option>
  • <option value="1">Ziggy</option>
  • <option value="2">L'Aziza</option>
  • <option value="3">Belle</option>
  • <option value="4">Belle île en mer</option>
  • <option value="5">Bodyguard</option>
  • <option value="6">Seul</option>
  • <option value="7">Power of love</option>
  • <option value="8">Blues Brothers</option>
  • <option value="9">Flintstone</option>
  • <option value="10">Rocky</option>
  • <option value="11">You win my love</option>
  • <option value="12">Crazy</option>
  • <option value="13">Comme j'ai toujours envie de toi</option>
  • <option value="14">Oblabioblada</option>
  • <option value="15">I will survive</option>
  • </select>
  • </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="Ziggy.mid" AUTOSTART=false hidden=true VOLUME="90" name="musicSource" MASTERSOUND></EMBED>');
  • }
  • // End -->
  • </script></b></font></p>
  • -----------------------------------------------------------------------------------------------------------
  • Merci de placer un lien en retour ou un Logo de mon site si vous installez mon Juke-box.
  • Le code à placer entre les balises <BODY> et </BODY>: <A HREF="http://perso.orange.fr/jean-louis.pierre/" TARGET="_blank"><IMG SRC="http://perso.wanadoo.fr/jean-louis.pierre/orlienas_g01.gif" ALT="Bienvenue à Orliénas" WIDTH=90 HEIGHT=60 BORDER=0 ALIGN=bottom></A>
  • -------------------------------------------------------------------------------------------------------------

Les webmasters qui veulent télécharger le fichier d'aide, le script ainsi que les fichiers son Midi, peuvent télécharger le fichier au format Zip ou Rar ci-dessous en cliquant sur le petit ordinateur de couleur bleu !
Cliquez ici pour télécharger  Télécharger le Jukebox au format Zip, poids 203 Ko

Cliquez ici pour télécharger  Télécharger le Jukebox au format Rar, poids 189 Ko

Bienvenue à Orliénas 

© Bienvenue à Orliénas