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

**lyten** · 25/02/2006, 21h22

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**danyboy85** · 27/02/2006, 16h44

Il te suffit de créer une balise embed :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et dans ta fonction gagne() tu rajoute :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

music.play();

J'ai pas testé mais normalement ca dois marcher.

**lyten** · 27/02/2006, 17h38

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 :

ça ne marche pas

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

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

)

**danyboy85** · 27/02/2006, 18h22

Bon OK j'ai testé.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**narnou** · 27/02/2006, 18h34

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

**lyten** · 01/03/2006, 16h16

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)

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

JavaScript

Discussions similaires

Partager

Partager