[AJAX] Emettre un son lors d'un évènement AJAX

Version imprimable

28/07/2011, 00h33
nicoprec

[AJAX] Emettre un son lors d'un évènement AJAX

Bonjour,

Je souhaite émettre un son lors d'un évènement AJAX

Pouvez-vous m'aider?

Merci
29/07/2011, 10h06
gototog

Que ce soit onClick, au retour des infos ajax ou quand l'utilisateur se gratte le nez, je pense que ca reste du javascript :p

j'ai trouvé ca en cherchant un peu, j'ai pas testé par contre.
http://javascript.internet.com/page-...ick-sound.html

tu n'aurai qu'a l'adapté pour que la fonction se lance au retour de tes infos ajax.

Je précise quand meme qu'avoir des sons sur un page web est très désagréable a la longue, mais après c'est une question de gout.
29/07/2011, 18h12
nicoprec

Si c'etais si simple.

J'ai déjà fais plusieurs jours de recherche sur le sujet concernant le code sur le site que tu m'indique je l'ai déjà tester ça ne fonctionne pas et ça ne fonctionne pas non plus sur le site

Quelqu'un à d'autre réponse svp?

Salut,

S'il s'agit d'un son au format mp3, tu peux utiliser un lecteur Flash.

Le code d'exemple ci-dessous utilise la version JS du Lecteur MP3 de neolao.

Citation:

Spécialement conçu pour une intégration par Javascript, ce lecteur est dépourvu d'interface graphique, mais il est totalement contrôlable par code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Lecteur MP3</title>
	<script type="text/javascript">//<![CDATA[
                var player=(function(){
                        var obj;
                        return{
                                play:function(){
                                        obj.SetVariable('method:setPosition',0);
                                        obj.SetVariable('method:play','');
                                },
                                prepare:function(){
                                        obj=document.getElementById('playerFlash');
                                        obj.SetVariable('method:setUrl','son.mp3');
                                        obj.SetVariable('method:setVolume',100);
                                }
                        }
                })();
                window.onload=player.prepare;
        //]]>
        </script>
</head>
<body>
	<p>	<object id="playerFlash" type="application/x-shockwave-flash" data="player_mp3_js.swf" width="1" height="1">
			<param name="movie" value="player_mp3_js.swf" />
			<param name="AllowScriptAccess" value="always" />
			<param name="FlashVars" value="listener=player&amp;enabled=0" />
		</object>
		<span style="text-decoration:underline;cursor:pointer" onclick="player.play();">Play</span>
	</p>
</body>
</html>

29/07/2011, 22h11
nicoprec

par contre je ne comprend pas comment l'utiliser il faut que j'installe player_mp3_js.swf ou les sources ?

Ou dois-je mettre le nom de mon fichier mp3?
29/07/2011, 23h03
Eric2a

Il faut utiliser le fichier swf .

Le fichier audio quand à lui est défini de cette manière...

Code:

obj.SetVariable('method:setUrl','son.mp3');

où obj référence ici la balise object dans l'arbre DOM.
29/07/2011, 23h25
nicoprec

Merci ca fonctionne sous IE mais ni sous FF ni si Chrome

Nouvelle version simplifiée compatible IE, Firefox, Opera, Safari et Chrome.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Lecteur MP3</title>
	<script type="text/javascript">//<![CDATA[
                var player=(function(){
                        return{
                                onInit:function(){return},      // J'avais zappé ces deux méthodes
                                onUpdate:function(){return},    // parce qu'IE les ignorent pour ce cas
                                play:function(){
                                        var obj=document.getElementById('playerFlash');                         
                                        obj.SetVariable('method:setPosition',0);
                                        obj.SetVariable('method:play','');
                                }
                        }
                })();
        //]]>
        </script>
</head>
<body>
	<p>	<object id="playerFlash" type="application/x-shockwave-flash" data="player_mp3_js.swf" width="1" height="1">
			<param name="movie" value="player_mp3_js.swf" />
			<param name="AllowScriptAccess" value="always" />
			<param name="FlashVars" value="listener=player&amp;enabled=0&amp;volume=100&amp;mp3=son.mp3" />
		</object>
		<span style="text-decoration:underline;cursor:pointer" onclick="player.play();">PLAY</span>
	</p>
</body>
</html>

Le fichier mp3 et le volume se trouvent dans le paramètre FlashVars de la balise object (comme pour les autres versions du player en fait).

30/07/2011, 11h26
nicoprec

finalement j'ai fait avec le player dewplayer apparemment ça fonctionne sur tous les navigateur que j'ai testé.

Merci pour ton aide.
30/07/2011, 21h53
Eric2a

Citation:

Envoyé par nicoprec

j'ai fait avec le player dewplayer

Ca serait bien de partager le code ;)