Jouer un son lors d'un evenement

Version imprimable

09/01/2007, 17h35
sebus

Jouer un son lors d'un evenement

bonjour c'est encore moi !!! :lol:

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

Code:

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:

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>

10/01/2007, 09h58
sebus

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 ?
10/01/2007, 11h43
blueice

Tout dépend ce que tu lis comme format, si tu n'as pas le plug-in, il faut le télécharger...
10/01/2007, 12h35
sebus

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..
10/01/2007, 13h09
SpaceFrog

http://www.hypergurl.com/mouseoversound.html
10/01/2007, 14h53
sebus

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 ?)
10/01/2007, 15h00
SpaceFrog

une autre piste alors ?
http://www.boutell.com/newfaq/creating/scriptsound.html
10/01/2007, 16h24
sebus

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 ;) )

pour la balise embed ...

Code:

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 ...

10/01/2007, 17h55
sebus

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 ?