Envoyer un son sur un évènement...

Version imprimable

25/02/2006, 21h22
lyten

Envoyer un son sur un évènement...
Bonsoir,
J'espère que la question n'a pas déjà été posée. Si c'est le cas je m'en excuse je ne l'ai pas trouvée :( , et de fait encore moins la réponse :?

Je crée un site avec des petits jeux pour enfant. Lorsque le jeu est terminé, un petit personnage apparait en applaudissant. Ce que je voudrais c'est ajouter à cette image un son. Je me doute que la première réponse que je vais avoir est de faire une animation flash qui regroupe les images et le son mais ma maitrise de flash est tellement catastrophique que ce n'est pas envisageable. Et puis je dois apprendre javascript :)
J'ai donc un fichier "bravo.mp3" que je voudrais jouer au moment où l'image apparait (et stopper ensuite quand je rejoue et que l'image disparait)

La fonction qui me permet d'afficher mon personnage est la suivante :
Code:

1 2 3 4 5 6 7 function gagne() { nbFois+=1; document.images["bravo"].src="../personnages/bravo_theo.gif"; boutonDisparait(selectiones[0]); boutonDisparait(selectiones[1]); }
vous pouvez voir la page en question http://biboupark.net/pages_memo/memo_img_N1_12.htm (c'est un jeu de mémo où il faut trouver les paires)

Merci d'avance de votre aide :zoubi:
27/02/2006, 16h44
danyboy85

Il te suffit de créer une balise embed :

Code:

<EMBED id="music" src="Chanson.mp3" loop="true" autoplay="false" hidden></EMBED>

et dans ta fonction gagne() tu rajoute :

Code:

music.play();

J'ai pas testé mais normalement ca dois marcher.
27/02/2006, 17h38
lyten

Merci, mais j'avoue que c'est la première solution que j'ai essayée et je ne l'avais pas retenue pour deux raisons :
:calim2: ça ne marche pas
:calim2: il parait que la balise <EMBED> n'est pas acceptée par tous les navigateurs (moi ça ne marche pas avec ie6, firefox 1.0.7, netscape 7.0)

Je ne veux surtout pas avoir l'air de cracher dans la soupe, mais soit je suis très très nulle, soit cette solution n'en est pas une :calim2:
Cela dit je te remercie quand même de ta réponse, et suis preneuse pour tout autre conseil (concernant cette solution ou une autre :oops: )
27/02/2006, 18h22
danyboy85
Bon OK j'ai testé.

Si tu veux un trux qui marche (testé) :
Code:

1 2 3 4 <EMBED name="music" src="son.mp3" loop="true"></EMBED> <input type="button" onClick="document.music.play()" value="Play"> <input type="button" onClick="document.music.stop()" value="Stop">
Inconvénients :
- marche pas si on ajoute "hidden"
- testé uniquement sous IE6

Voila je peux rien te dire de plus.
Bon courage dans tes recherches :wink:
27/02/2006, 18h34
narnou

Tu peux régler le problème en faisant un stop onload :

Code:

<body onload="document.music.stop()">

Ca n'empeche pas que ca ne marche que pour ie qui intègre immédiatement win media player (avec une alerte de sécurité toutefois)

Firefox et compagnie demandent le plugin QT :'(

Je suis preneur pour une solution directe qui marche sous moz aussi :)
01/03/2006, 16h16
lyten

Merci Danyboy85
Malheureusement cette solution ne fonctionne qu'avec ie et je suis à la recherche d'une solution qui marche avec un maximum de navigateur (au moins les principaux: ie, netsacpe,firefoc, opéra)