Son ds site internet

Bonjour,
Je souhaite qu'un son survienne sur mon site internet lorsque l'on clique sur un lien, quel est la ligne de code?
Please!
Aurore

32 réponses

  • Votes
  • Date
  • Date décroissante
Résumé de la discussion

L’objectif est de trouver une ligne de code permettant de faire sonner un son sur un site internet dès qu’un utilisateur clique sur un lien, afin d’ajouter une notification sonore à l’interaction. Plusieurs pistes ont été évoquées dans les échanges, notamment des essais de scripts JavaScript et HTML sur des pages de test, des méthodes de rollover et des exemples de son via pages dédiées. Des liens vers démonstrations et tutoriels existent, avec des solutions exploitant des événements click ou mouseover et des scripts adaptables, certains proposant des sons déclenchés par clic ou au survol. En cas de besoin, plusieurs exemples accessibles sur des pages de labo et des ressources associées ont été cités comme points de départ potentiels remarquables.

Bobot (l’IA à votre service)
  1. Contributeur sécurité
    Bonsoir à tous,

    Aurore, Apprenti-Webmaster, EdgeCrusher,

    Vous pouvez aller voir la gamme musicale sur ma page de test http://gerard.melone.free.fr/LaboWeb/Son.html elle fonctionne avec un RollOver et avec un clic !

    Si le problème vous intéresse, j'ai encore tout un tas d'autres possibilités et plein de trucs à tester !

    @12C4
    Ipl
    1. Contributeur sécurité
      Aurore,

      Cà y est !
      http://gerard.melone.free.fr/LaboWeb/Essai-son.html#5
      Est-ce bien ce que tu voulais ?
      Dans l'exemple 5, il y a un son sur MouseOver (çà c'est pour m'amuser) et sur Clic.
      Si tu le veux, on peut modifier la fonction pour l'utiliser plusieurs fois, avec des sons différents !

      La solution est adaptée (beaucoup de modifs) d'un script de Cranky (forum EJS) sur son site http://www.creation-de-site.net

      Demain, je m'amuserai à mettre la gamme musicale !

      @12C4
      Ipl
      1. Contributeur sécurité
        Aurore,

        >Aussi, je n'ai pas encore trouvé de solution
        On va y arriver ! EdgeCrusher nous prête main forte !

        Au fait, merci pour ton post EdgeCrusher (j'avais oublié de te remercier).
        Ce soir je posterai les messages d'All-Html ! TravBourk m'a dit qu'il y avait effectivement un bug dans les href="#" et href="javascript:void(0)" et me donne une piste pour corriger çà !

        @12C4
        Ipl
        1. Contributeur sécurité
          A.W.,

          Si tu veux un bon site de formation à HTML, JavaScript et tout ce qui tourne autour de la création Web, va voir http://www.allhtml.com

          SELFHTML est une bible, tu y trouveras TOUT mais de manière plutôt aride (à l'Allemande)
          ALL-HTML est plus cool, plus didactique mais très précis tout de même !

          @12C4
          Ipl
          1. Contributeur sécurité
            Bonjour EdgeCrusher,

            Je n'ai lu ton post qu'en diagonale (pas trop de temps)... je ne suis pas d'accord avec toi ! Le son n'est pas réservé au body loin de là !

            Sur ma page d'essai j'ai des exemples qui fonctionnent sur clic ! je connais des scripts avec du son sur MouseOver, etc. va voir mon post sur EJS !

            @12C4
            Ipl
            1. Desole pour vous tous mais voici mon humble avis :
              Jouer du son en JScript sur un click ben comme ca, ca morche po !

              Explications:
              En reprennant le code d'ipl on se rettrouve avec ca apres un click :
              <a href="#" onclick=<BGSOUND SRC=bienvenu.wav LOOP=1>>Bienvenue</a>
              Desole mais pour le nav ca veut rien dire ca !
              Les appels a des trucs sonores doivent se faire entre <body> et rien d'autre. Le document.write va balancer ca à l'endroit de l'appel de la fonction, donc dans dans le lien...
              Pour que ca marche faudrait ecrire le <bgsound> dans le body ET reactualise la page pour que soit pris en compte.

              Tu peux toujours essayer ca:
              - Tu mets le <bgsound> dans un <SPAN> :
              <a href=javascript:PlaySon('son')></a>
              <span style="display:none" id="son">
              <bgsound....>
              </span>
              - Sur le clic sur lien tu appelle un JS qui passe le span en "visible" :
              function PlaySon(truc) {
              document.all [truc].style.display='';
              }

              Voila, voila. C ce qui me viens a l'esprit, le code n'est peut etre pas bon , c ecrit a la vole et non teste, mais ca reste une piste de reflexion.

              Sinon il reste toujours le solution du flash, mais la a mon avis c utiliser de la dynamite pour ouvrir une noix; mais bonc surementparce que de j'aime po le flash !
              1. Bon déja, franchement merci!
                Je n'ai pas pu passer lire vos reponses, désolée, j'etais trop occupée! Mais en tous cas, merci d'avoir essayé! Aussi, je n'ai pas encore trouvé de solution mais aujourd'hui je suis en cours (hé oui, je suis étudiante) et on a justement cours de... programation!
                J'en profiterais donc pour demander au M'sieu un coup de main!
                Merci à vous en tous cas!
                Bisous
                Aurore
                1. Contributeur sécurité
                  Aurore,

                  Je n'ai plus travaillé à ton problème depuis cette nuit, mais j'ai eu beaucoup de pistes à exploiter de la part des 2 forums !
                  En particulier d'un prof du supérieur, spécialiste d'Html que j'avais perdu de vue depuis mai 2002 ! Il est maintenant responsable d'un super, super site & forum !

                  @12C4
                  Ipl
                  1. Bonjour/bonsoir à vous 2,

                    Comment allez vous ?
                    Moi aussi je suis comme toi Ipl, je n'ai pas pu tester et exploiter ton code... puis demain (enfin tout à l'heure) ça va être un peu le bordel aussi...je vais très certainement formater mon DD et tout réinstaller... (ché même pas où g foutu le cd de win).
                    Aurai tu de ton côté réussie Aurore ?
                    C'est quoi le site de ton ami spécialiste en HTML ?
                    OUINOUIN MOI AUSSI J'VEUX ÊTRE SPECIALISTE EN HTML!!!!
                    PTDRRRRRR
                    Bon si je veux pas être dans le même état dans 10 ans....bah au BOULOT!
                    Si j'ai le temps avant 3h, j'essaye sur mon site de tests.
                    @ +
                    A.W.
                  2. Contributeur sécurité
                    Bonsoir A.W.,

                    Le site s'appelle SELFHTML et les gars qui s'en occupent sont TravBourk et Serge François (petite désorganisation suite au départ de PAF).
                    http://www.selfhtml.com.fr/ pour le site
                    http://selfforum.selfhtml.com.fr/ pour le forum
                    Ce site est super ! il correspond à la partie Française d'un site Allemand tenu par quelqu'un qui a rédigé la bible Allemande du HTML, Stefan Muenz !
                    Tu peux trouver cette bible sur le site.
                    Associé à ce site, il y a un forum.

                    Les sites et forums Allemands sont d'un niveau très élevé aussi (si tu parles Allemand) ! http://selfaktuell.teamone.de/

                    @12C4
                    Ipl
                  3. @iplCoucou Ipl :-)

                    Tout simplement EXCELENT SelfHTML!!! J'ai téléchargé la dernière version en date la 7 et j'attend désormais avec impatience la v8!
                    J'en ai pour un sacré moment de lecture là! Vous allez pas me voir pendant 2 mois! lolllll Ca m'a l'aire d'être très complet. Je vais m'y plonger avec enthousiasme. Voilà la doc que je cherchais!!!!
                    Un grand merci à toi pour ces supers liens.
                    Bon il est 6h passé j'va au dodo, donc j'essayerai de trouver un moment tout à l'heure en journée....
                    Bon réveil à tous et @ +
                    A.W.
                2. Contributeur sécurité
                  Rebonsoir Aurore,

                  Je ne suis pas encore arrivé à mettre le truc au point !

                  La page d'essai est sur Internet : http://gerard.melone.free.fr/LaboWeb/Essai-son.html

                  Le clic provoque l'appel d'une page (non trouvée) et en pressant la touche Backspace (Retour arrière au dessus d'Entrée), j'entends le son ; une 2ème pression sur Backspace me ramenant à la page d'origine !

                  Comme je n'avais pas d'idée, j'ai posté un fil de discussion sur All-Html http://www.allhtml.com/forum/index.php?t=l&f=1&i=144546

                  Je vais sûrement aussi demander à mes autres copains de L'EJS !

                  Voilà, j'espère obtenir une réponse rapidement (ce sera un peu dur un dimanche soir !)

                  @12C4
                  Ipl
                  1. Re,
                    Moi j'essaye demain, j'vous dirai si ça fonctionne.
                    Bon appetit et bonne soirée à tous.
                    @ demain ;-)
                    A.W.
                    1. Contributeur sécurité
                      De rien Aurore !

                      N'oublie pas qu'il te faut absolument respecter les minuscules et majuscules avec Javascript !

                      Bon appétit à toi aussi !
                      A tout à l'heure !

                      @12C4
                      Ipl
                      1. Mais biensur, c'est deja tellement gentil de m'aider!
                        Entre temps je vais essayé de trouver!
                        Bon ap'!
                        1. Contributeur sécurité
                          Aurore,
                          Le code qui est dans ma page Html fonctionne (même A.W. a pu entendre ;-) !) mais celui que je t'ai indiqué dans les posts a été adapté vite fait... donc peut-être des erreurs !

                          Je vais l'essayer sur mon ordi quand j'aurai un moment (je suis désolé Aurore mais pour le moment, il faut que je m'occupe de mon ménage, du repas de ma famille)... A tout à l'heure !
                          Me laisses-tu un peu de temps ?

                          A.W...
                          >Et merci à Ipl pour son savoir qu'il n'hésite pas à partager.
                          C'est un plaisir d'être sur ce forum !
                          Le problème d'Aurore n'est toujours pas résolu et je ne suis donc pas encore totalement satisfait mais,
                          "Il y a plus de plaisir à donner qu'à recevoir !" Ce n'est pas de moi (je ne crois pas ! lol) mais je suis d'accord !

                          @12C4
                          Ipl
                          1. Mais je ne comprends pas, j'ai fait tout comme tu me l'as dit et ca ne marche pas...
                            1. Contributeur sécurité
                              Aurore,

                              >Merci, c'est le genre de truc que j'avais dea trouvé sur >www.allhtml.com

                              Comment çà ???
                              Mes copains d'AllHtml ne t'ont pas aidée !!!
                              Drygoon, Wildmary, Vyse, Bobinours, alakazoo_, NobodX ne t'ont pas aidée ???
                              Zut, je me rends compte que WarGoat n'est plus là !!! et George Abitbol ???

                              Je suis moi-même membre d'ALL-HTML mais çà fait longtemps que je n'y suis plus allé !

                              Dis moi où tu en es du son sur ton clic !
                              On peut améliorer le script en "sortant" le nom du fichier Wave en paramètre de manière à rappeler la fonction plusieurs fois avec un son différent !

                              @12C4
                              Ipl
                              1. Merci aussi à toi Aurore, car moi j'en profite aussi pour en apprendre. Et merci à Ipl pour son savoir qu'il n'hésite pas à partager.
                                @ +
                                A.W.
                                1. Alors la, je tiens à vous remercier pour votre aide!!!
                                  Je vais essayé de faire du mieux que je peux, on verra bien ce que ca donne!
                                  Encore merci!
                                  • 1
                                  • 2