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

nicoprec · 28/07/2011, 00h33

Bonjour,

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

Pouvez-vous m'aider?

Merci

gototog · 29/07/2011, 10h06

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.

nicoprec · 29/07/2011, 18h12

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?

Eric2a · 29/07/2011, 20h51

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 html :

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

nicoprec · 29/07/2011, 22h11

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?

Eric2a · 29/07/2011, 23h03

Il faut utiliser le fichier swf .

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

Code js :

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

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

où obj référence ici la balise object dans l'arbre DOM.

nicoprec · 29/07/2011, 23h25

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

Eric2a · 30/07/2011, 00h41

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

Code html :

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

nicoprec · 30/07/2011, 11h26

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

Merci pour ton aide.

Eric2a · 30/07/2011, 21h53

Citation:

Envoyé par nicoprec

j'ai fait avec le player dewplayer

Ca serait bien de partager le code

28/07/2011, 00h33	#1
nicoprec Invité de passage Inscription : octobre 2010 Messages : 11 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 11 Points : 1 Points : 1	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
	00

29/07/2011, 23h03	#6
Eric2a Membre Expert Eric Garidacci Inscription : septembre 2005 Messages : 1 057 Détails du profil Informations personnelles : Nom : Eric Garidacci Âge : 41 Informations forums : Inscription : septembre 2005 Messages : 1 057 Points : 1 564 Points : 1 564	Il faut utiliser le fichier swf . Le fichier audio quand à lui est défini de cette manière... Code js : Sélectionner tout - Visualiser dans une fenêtre à part obj.SetVariable('method:setUrl','son.mp3'); où obj référence ici la balise object dans l'arbre DOM. __________________ N'oubliez pas le vote des messages utiles ainsi que le Tag [Résolu]. Mon Site Web : Corse - Actualité, Météo, Vidéos, Logiciels, ...
	00

29/07/2011, 10h06	#2
gototog Membre habitué Inscription : septembre 2009 Messages : 85 Détails du profil Informations personnelles : Âge : 22 Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : septembre 2009 Messages : 85 Points : 101 Points : 101	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.
	00

29/07/2011, 18h12	#3
nicoprec Invité de passage Inscription : octobre 2010 Messages : 11 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 11 Points : 1 Points : 1	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?
	00

29/07/2011, 22h11	#5
nicoprec Invité de passage Inscription : octobre 2010 Messages : 11 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 11 Points : 1 Points : 1	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?
	00

29/07/2011, 23h25	#7
nicoprec Invité de passage Inscription : octobre 2010 Messages : 11 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 11 Points : 1 Points : 1	Merci ca fonctionne sous IE mais ni sous FF ni si Chrome
	00

30/07/2011, 11h26	#9
nicoprec Invité de passage Inscription : octobre 2010 Messages : 11 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 11 Points : 1 Points : 1	finalement j'ai fait avec le player dewplayer apparemment ça fonctionne sur tous les navigateur que j'ai testé. Merci pour ton aide.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email