Jouer un son lors d'un evenement

**sebus** · 09/01/2007, 17h35

bonjour c'est encore moi !!!

J'ai un deuxième probleme en paralléle du premier:

Comment faire pour faire jouer un son lors d'un événement javascript par exemple? C'est a dire que le son se déclenche lors d'un clic de souris ?

Je sais que la balise <bgSound> existe mais celle ci est deprecated et fonctionne uniquement sous IE d'après mes informations.
Donc comment faire pour ne pas utiliser cette balise et avoir un résultat fonctionnant sous IE et Firefox?

Merci a tous

**blueice** · 09/01/2007, 17h47

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type="text/JavaScript">
<!--
function controlSound(x, _sndObj, sndFile) {
  var i, method = "", sndObj = eval(_sndObj);
  if (sndObj != null) {
    if (navigator.appName == 'Netscape') method = "play";
    else {
      if (window.MM_WMP == null) {
        window.MM_WMP = false;
        for(i in sndObj) if (i == "ActiveMovie") {
          window.MM_WMP = true; break;
      } }
      if (window.MM_WMP) method = "play";
      else if (sndObj.FileName) method = "run";
  } }
  if (method) eval(_sndObj+"."+method+"()");
  else window.location = sndFile;
}
//-->
</script>

Code html :

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

1
2
3
4
 
<a href="#" onclick="controlSound('play','document.CS1168361146035','tonson.mp3')">Lien </a>
<EMBED NAME='CS1168361146035' SRC='tonson.mp3' LOOP=false 
AUTOSTART=false MASTERSOUND HIDDEN=true WIDTH=0 HEIGHT=0></EMBED>

**sebus** · 10/01/2007, 09h58

Merci pour ta solution

Ca marche nickel sous IE, mais il me faut un plugin pour firefox....
As tu eut le meme probleme ou sinon quel plugin utilises tu ?

**blueice** · 10/01/2007, 11h43

Tout dépend ce que tu lis comme format, si tu n'as pas le plug-in, il faut le télécharger...

**sebus** · 10/01/2007, 12h35

ben j'utilise des sons wav
mais il peut etre interessant de faire fonctionner des MP3 aussi....

Je viens de mettre quick time mais y'a pas de changement, ca marche pas..

**SpaceFrog** · 10/01/2007, 13h09

http://www.hypergurl.com/mouseoversound.html

**sebus** · 10/01/2007, 14h53

Ton exemple est très interessant spacefrog car il est tres complet et offre une personnalisation interessante pour chaque element devant jouer un morceau (pouvant etre différent)
De plus, le code "charge le son" qui demarre instantanement !!!

Par contre il utilise une balise bgsound qui est deprecated et n'est pas supportée par Firefox......

Connaitrais tu une maniere de faire quelque chose fonctionnant sous IE et Firefox? (sinon qu'el plugin me faudrait il pour que ca marche sous firefox ?)

**SpaceFrog** · 10/01/2007, 15h00

une autre piste alors ?
http://www.boutell.com/newfaq/creating/scriptsound.html

**sebus** · 10/01/2007, 16h24

Bon c good je viens de trouver mon bonheur .....

En fait j'ai repris le code de blueice et j'ai bien fait gaffe en installant un plugin (quick time 7.1.3)

Du coup ca marche nickel sur IE et sur Firefox.

Mais sinon j'ai testé un peu plus large donc voici les différentes possibilités de code que j'ai trouvé et qui fonctionne sous IE 5.5 et FIREFOX 2.0:

prerequis : un plugin (quicktime 7.1.3 marche tres bien)

1ère solution) reprendre le code de blueice tel quel. NICKEL

2éme solution) reprendre le code de blueice et virer la balise embed. NICKEL

3ème solution la plus simple et direct) utiliser une balise embed avec un attribut src qui donne la localisation du gichier a jouer. Ca marche nickel mais le son se déclenche dès l'affichage de la page.

4ème solution) idem que le 3 mais rajouter des controles javascript pour déclencher le son quand on veux. Idem que la solution 2 mais sans le code javascript un peu technique (on n'utilise que du code javascript de base pour lancer un son sur un clic de souris par exemple).

MERCI A TOUS LES 2 (blueice et spacefrog pour ne pas les citer

)

**SpaceFrog** · 10/01/2007, 16h30

pour la balise embed ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<body>
 
<script language="JavaScript">
function LectureSon() { document.MonSon.play(); }
function PauseSon() { document.MonSon.pause(); }
function StopSon() { document.MonSon.stop(); }
//--></script>
 
<a onmouseover="LectureSon()"><img src="Lecture.gif" width="100" hight="100"></a><br>
<a onmouseover="PauseSon()"><img src="Pause.gif" width="100" hight="100"></a><br>
<a onmouseover="StopSon()"><img src="Stop.gif" width="100" hight="100"></a><br>
 
<embed src="Fichier.wav" hidden=true autostart=false loop=false name="MonSon" mastersound>
 
</body>
</html>

une balise object serait sasn doute plus appropriée marcherait pas mieux ...

**sebus** · 10/01/2007, 17h55

je viens de tester ta balise embed amélioré sacefrog.

Mais ca ne marche plus sous IE et Firefox car j'ai une erreur qui dit :

document.MonSon.play() n'est pas une méthode

Faut il redefinir quelque chose ou est ce que le code que tu m'a passé est auto suffisant ?

Jouer un son lors d'un evenement

JavaScript

Discussions similaires

Partager

Partager