Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 18/12/2007, à 07:03

griv

Click pour jouer mp3 en arrière-plan

Bonjour à  tous,

Après m'être échiné pendant plus de 48 heures à  chercher comment faire pour jouer des mp3 sur commande (notamment sur commande de click), sur une page web, sans lancer de lecteur encombrant ou qui défigure ma page, j'ai enfin trouvé ! Alors je vous donne la recette, si vous ne l'avez pas encore...

1°) Une adresse capitale :

http://www.estvideo.net/dew/index/2005/02/16/370-player-flash-mp3-leger-comme-une-plume

2°) Télécharger le merveilleux petit programme dewplayer.swf à  http://www.estvideo.com/dew/media/dewplayer.swf

3°) Placer dewplayer.swf dans le répertoire de la page web (sur votre PC et sur votre site )

4°) Utiliser un des codages suivants :

      4.1  Pour jouer en cliquant sur une mini-barre de contrà´le :

<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=test.mp3&amp;autostart=0" width="200" height="20"><param name="wmode" value="transparent"><param name="movie" value="dewplayer.swf?mp3=test.mp3&amp;autostart=0" /></object>

           ( Vous pouvez remplacer autostart=0 par autostart=1 si vous voulez que la musique démarre dès le chargement de la page. )

           Remplacer test.mp3 par le nom de votre fichier mp3 et c'est tout !

       4.2  Pour jouer en cliquant sur une image, zone d'image (image map)  ou sur un texte :

4.2.1 Placer dans la zone <head></head> :

<SCRIPT LANGUAGE="Javascript">
        /*    Fonction qui permet de lancer un son via un petit lecteur flash. */
        function playSound(sonALire)
        {
            var divContent = "";
           
            divContent += "<object type='application/x-shockwave-flash' data='dewplayer.swf?mp3=" + sonALire + "&autoplay=1' width=200 height=20 bgcolor=#FFFFFF>";
            divContent += "<param name=movie value='dewplayer.swf?mp3=" + sonALire + "&autoplay=1' />";
            divContent += "<param name=bgcolor value=#FFFFFF>";
            divContent += "</object>";
            document.getElementById("lecteurMP3").innerHTML = divContent;
        }
    </SCRIPT>

4.2.2   Placer le lancement du mp3 dans une zone <div></div> de la zone <body></body> comme ceci par exemple :

<div align="center">
<p>
<A HREF="javascript:playSound('test.mp3');"><IMG SRC="image.gif"  WIDTH="74" HEIGHT="62" ALT = "Image"  BORDER="0"></A>
</p>
</div>

             Remplacer test.mp3 et image.gif par les noms de vos fichiers

4.2.3 Placer dans une zone <div></div> le code suivant pour la mini-barre de contrà´le :

<div id="lecteurMP3" style="visibility:visible"></div>   


J'espère que cela pourra être utile. En tous les cas, n'hésitez pas à  me contacter pour me faire part de vos remarques, et... de vos découvertes.

smile

Hors ligne