Son onClick -> encore un probleme en javascript

J'aimerai savoir comment insérer un son en javascript

5 réponses

  • Votes
  • Date
  • Date décroissante

  1. Salut the_thibz

    Pour avoir un ex concret et marrant (en fait le dernier dont je me souvienne) assure-toi que le volume de ta carte son est ok et
    va sur :

    http://www.herisson31.fr.fm/

    et clique sur "Les logiciels"

    Tu devrais tout de suite reconnaitre ce générique ...

    Ensuite tu fais un clic droit dans la fenêtre qui vient de s'ouvrir puis
    [Afficher la source]

    Et tu verras dans le code HTML ceci

    <bgsound src="sons.wav" loop="0">

    La balise <bgsound> ne supporte que les fichiers WAV et MID (pour midi) si je me souviens bien : quel dommage quelle ne supporte pas le format MP3
    loop="0" sert à indiquer le nbre de fois ou le son doit être répété
    si loop="-1" alors le son est joué indéfiniment : ce que je te déconseille !
    Ds la même esprit évite les WAV de 200Ko ou + !

    Point important : la balise <bgsound> ne fonctionnne que sous IE !

    Autrement il faut utiliser la balise <EMBED>
    <embed scr="sons.wav" loop="1" hidden="TRUE" autostart="TRUE" volume="100">

    Si tu utilises ces balises dans les événement onmouseover() je pense que tu peux obtenir un effet intéressant.

    @+
    Philippe
    1. "inserer un son" ?

      -= Bobinours =-
      1. ben oui que quand on clique il y a un son qui vient
    2. Ooops rectificatif

      tu vas bien sur :
      http://www.herisson31.fr.fm/

      Tu cliques sur "Passer intro"

      puis sur "Canal..."

      puis sur "C..." à nouveau

      et enfin sur "Les logiciels"

      NoBody's Perfect = NBP = CQFD

      @+
      Philippe
      1. Pourriez vous svp donnez un exemple concret (en javascript) merci d'avance
    3. Mea culpa ...

      Il semble bien qu'il ne soit pas possible de faire jouer un son avec JavaScript avec les balises dont je t'ai parlé autrement qu'à l'ouverture d'une page ! Pas par un clic sur un bouton ou un lien ...
      :-( :-(
      C'est limitation n'est pas dû à JavaScript mais à HTML

      Cependant j'ai trouvé un truc qui semble marché en utilisant ActiveMovie : cela ne marche qu'avec Internet Explorer.

      Comme j'aimerais également égayer ma page perso avec qlque son, j'ai commencé à tester. J'arrive déjà à lire un fichier MP3 !
      Je continue les test et je te tiens au courant.

      @+
      Philippe
      1. grand merci, je me rejouis de cette "avancée technologique"
      2. @the_thibzNe serait-ce pas de l'ironie que perçois dans ta remarque ?

        Petit ingrat ...

        Enfin voici qd même une solution pour faire du "bruit" avec IE et ActiveMovie

        Sinon tu peux aussi utiliser Flash

        Voici la syntaxe à inclure dans une page HTML :

        <OBJECT id=SON CLASSID="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A">
        <PARAM NAME="FileName" VALUE="super_son.mp3">
        <PARAM NAME="AutoStart" VALUE="0">
        <PARAM NAME="Rate" VALUE="1">
        <PARAM NAME="Volume" VALUE="0">
        </OBJECT>

        Ex :
        <html>
        <head>
        <body>
        <OBJECT id=TECHNO CLASSID="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A">
        <PARAM NAME="FileName" VALUE=" http://localhost/nbp/new/sound/floorilla03.nbp">
        <PARAM NAME="AutoStart" VALUE="0">
        <PARAM NAME="Rate" VALUE="1">
        <PARAM NAME="Volume" VALUE="0">
        <PARAM NAME="SelectionStart" VALUE="10">

        </OBJECT>
        </body>
        </html>

        Cet exemple affiche un objet qui ressemble à Windows MediaPlayer sur une page HTML vide et te permet de jouer le sons en cliquant dessus. Bien sûr on peut tout automatiser et même masquer l'objet MediaPlayer lui même.

        Explication
        On créé un nouvel OBJET qu'on appel SON (ou comme tu veux peu importe) grâce à son ID.
        Cet objet est inclus entre les balises <OBJECT> </OBJECT>
        Ensuite on a CLASSID=... qui est l'identifiant unique de classe qui va permettre à Windows de créer un nouvel object DCOM (je suppose mais je n'en suis pas sûr !)

        Ensuite dans le paramètre FileName on met le nom du fichier son.
        Astuce : si tu vas sur mon site tu t'apercevras que mes fichiers sons portent l'extension .NBP ou lieu de .MP3. Pourtant ce sont biens des fichiers MP3. Je change juste l'extension afin d'éviter que les utilitaires tels que GetRight ou DownLoad Accelerator n'interceptent les liens et chargent les fichiers à la place de Windows ce qui ne plaît pas du tout à ActiveMovie. Mais passons...

        Le paramètre Rate n'est pas indispensable : il indique la vitesse à laquelle joué le flux donc ici à quelle vitesse joué le son. Si tu le modifies le son sera joué plus ou moins vite. Essai avec 1.2 ou 0.8 et tu verras.

        Le paramètre AutoStart vaut "0" ce qui signifie que le son n'est pas joué automatiquement lors du chargement. Si tu mets "1" le son est joué aussitôt

        Le paramètre Volume vaut "0" ce qui contraîrement à ce qu'on pourrait croire ne fixe pas le niveau au minimum mais au MAXIMUM
        En fait la valeur est exprimée en 1/100eme de Décibel et doit être comprise entre 0 et -10000
        0 = 0 Db son maxi
        -10000 = -100 Db son inaudible

        Pour tous les détails je te renvois à la doc de Microsoft que j'ai beaucoup utilisé :
        http://www.microsoft.com/developer/tech/amov1doc/

        Bien fait et complet mais en Anglais.

        Un ex de zic Techno sur mon site perso avec des sons lorsqu'on survol un lien :

        http://www.multimania.com/npb/main.php3

        Tu cliques ensuite sur Démo ActiveMovie dans le menu et tu attends un petit peu que les sons se chargent.

        Let's the music play ....

        @+
        Philippe
      3. @the_thibzce n'etait pas de l'ironie mais je n'ai pas trouvé d'autre mot qui n'aurai pas pris trois ligne... désolé! mais c'est que en y réflechissant cela pouvait paraitre re désolé et je dis merci de tout coeur au gens comme vous qui aide les gens comme moi
    4. Salut
      C'est un peu tard mais ca aidera peut etre d'autres gens ^^
      il y a [URL="https://jannaud.fr/javascript-jouer-son-play-sound"]ici[/URL] une très jolie astuce, valide W3C qui plus est, c'est très bien expliqué et la solution tient en 2 lignes ! :)

      Bon courage
      Thomas
      1. ça a été déplacé à http://jannaud.fr/javascript-play-sound-jouer-musique
        avec un exemple et tout, et un code simple