Demande de code Sons-Clavier

Version imprimable

08/09/2012, 13h13
squall049

Demande de code Sons-Clavier

bonjour à tous

Ce que je voudrais c'est un code javascript pour pouvoir lire un son en mp3 avec "Lecture, Pause et Stop" sans utiliser la souris mais que le clavier.

Je m'explique :
Je ne veux pas de lecteur tout fait. Je souhaiterais que tout le code se trouve dans la partie <HEAD></HEAD> sans passer par le body. Mais qu'il se lance par l'intermédiaire du clavier. F5 pour la Lecture, F6 pour lancer une Pause et F7 pour Stopper la lecture.

Merci à tous ceux qui pourraient m'aider.

Amicalement
08/09/2012, 13h33
sekaijin

lit la doc sur HTML sur la gestion du son
et enfin lit la doc javascript sur la gestion des événements clavier

avec ça tu devrais faire ce que tu veux
A+JYT
08/09/2012, 14h02
squall049

Bonjour sekaijin

Je ne connais pas du tout le Javascript c'est pour cette raison que je demande de l'aide si quelqu'un avait un peu de temps pour me donner un coup de pousse.

Bonjour à tous

Hier, j'ai fait plusieurs tests en me basant sur différents sites. Essais qui ne sont pas concluants

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
<script language="JavaScript" type="text/javascript">
	var audio(scr="test.mp3")
 
	function playSound()
		{self.location="audio"}
 
	function pauseSound()
		{self.location="audio"}
 
	function stopSound()
		{self.location="audio"}
</script>
<script type="text/javascript">
 
		document.onkeydown = function (e) {
			e = e || window.event;
			if (e.keyCode === 116) { 
				ts('audio',play);
				return false;	
 
			} else if (e.keyCode === 117) { 
				ts('audio',pause);
				return false;	
			}
			else (e.keyCode === 118) { 
				ts('audio',stop);
				return false;	
		};
 
</script>

116 pour F5
117 pour F6
118 pour F7

je vois pas trop comment faire cela

Amicalement

09/09/2012, 12h56
sekaijin

self.location ser à changer de page
la fonction ts dans ton code n'est pas définie
javascript n'est pas différent d'un autre langage
si tu veux utiliser une fonction il faut qu'elle existe

A+JYT

J'ai modifier le code mais cela ne marche toujours pas.

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
35
36
37
38
<html>
<head>
<script language="JavaScript" type="text/javascript">
	var player = document.getElementById().src = "test.mp3";
 
	function Play()
		{player.play();}
 
	function Pause()
		{player.pause();}
 
	function Stop()
		{player.pause();
         player.currentTime = 0;}
</script>
<script type="text/javascript">
 
		document.onkeydown = function (e) {
			e = e || window.event;
			if (e.keyCode === 113) { 
				player('Play()');
				return false;	
 
			} else if (e.keyCode === 114) { 
				player('Pause()');
				return false;	
			}
			else (e.keyCode === 115) { 
				player('Stop()');
				return false;	
		};
 
</script>
</head>
 
<body>
</body>
</html>

amicalement

09/09/2012, 14h52
headmax

Je te conseille, de faire un tour sur ce lien afin de comprendre comment le son est géré au niveau du w3c
http://www.w3.org/wiki/HTML/Elements/audio

J'ai changer le code et rajouter la balise <audio> mais toujours aucun résultat.

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
35
36
37
38
39
40
41
42
43
<html>
<head>
<script language="JavaScript" type="text/javascript">
	function changer_etat(e){
	var player = document.onkeydown();
 
	function Play()
		{player.play();}
 
	function Pause()
		{player.pause();}
 
	function Stop()
		{player.pause();
         player.currentTime = 0;}
		 }
</script>
<script type="text/javascript">
 
		document.onkeydown = function (e) {
			e = e || window.event; 
 
			if (e.keyCode === 113) 
			{ player.Play(); return false;	}
 
			else if (e.keyCode === 114)
			{ player.Pause(); return false; }
 
			else (e.keyCode === 115)
			{ player.Stop(); return false;	}
 
 window.onload = function()
 {
    document.getElementById("lecteur").src = "test.mp3";
    document.getElementsByTagName("body")[0].onkeypress = changer_etat;
}
}
</script>
</head>
 
<body><audio id="lecteur"></audio>
</body>
</html>

amicalement

10/09/2012, 22h25
headmax
Aucun résultat comme explication pour ton problème, c'est pas top pour t'aider.
As tu pu lire ton mp3? y a du son?
Si c'est pas le cas, et que tu travailles sur ton propre serveur http dans ce cas as tu paramétré le type du fichier "mp3" dans ton httpd.conf en ce qui concerne apache ou autre...?
Si c'est pas le cas dans ce cas rajoute la ligne suivant après les autre Addtype
Code:

1 2 3 4 5 AddType audio/ogg .oga AddType video/ogg .ogv AddType application/ogg .ogg AddType audio/mpeg .mp3 .MP3
quelques autres type de son mais la dernière ligne seule représente le format MP3.

Je te conseille d'être plus explicite, si tu souhaites que ton post, attire plus de monde.
Bonne soirée;)

Bonjour à tous

Voilà après différents essais la seule façon avec laquelle j'ai réussi à lire un mp3 est avec la balise <BGSOUND>. J'ai donc créer un fichier son vide pour basculer du vide au son voulu. Ensuite j'ai essayé d'intégrer le clavier.
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 35 36 37 <html> <head> <BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.mp3"> <script type="text/javascript" language="JavaScript"> function playSound(audioURL) { if (document.all) document.all['BGSOUND_ID'].src='test.mp3'; else self.iplayer.location.replace('jsplayer.htm?'+audioURL); } function stopSound() { if (document.all) document.all['BGSOUND_ID'].src='silence.mp3'; else self.iplayer.location.replace('jsplayer.htm?stop'); } </script> <script> function changer_etat(e){ e = e | window.event; switch(e.keyIdentifier) { case "F3": playSound(audioURL); break; case "F4": stopSound(); break; } } window.onload = function(){ document.getElementsByTagName("body")[0].onkeyup = changer_etat; } </script> </head> <body> </body> </html>
Résultat : Ne marche pas il ne doit pas manquer grand chose.

Pour info les tests je les fais avec internet explorer 7.

Pour les touches F3 et F4 pas grave si c'est déjà intégré a IE car le code est pour être intégré sur un logiciel où ces touches ne sont pas encore attribuées. Je n'ai non plus pas besoin du DOCTYPE.

amicalement

Salut je connais pas cette balise :(, j'ai pas eu de son car j'imagine que l'appel au fichier jsplayer.html est nécessaire.
Bref j'ai corrigé tes erreur et confusion javascript.

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
35
36
37
38
39
40
41
42
43
44
 
<html>
<head>
<BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.mp3">
</BGSOUND>
<script type="text/javascript" language="JavaScript">
function playSound(audioURL) {
 if (document.all) document.all['BGSOUND_ID'].src='test.mp3';
 else self.iplayer.location.replace('jsplayer.htm?'+audioURL);
};
 
function stopSound() {
 if (document.all) document.all['BGSOUND_ID'].src='silence.mp3';
 else self.iplayer.location.replace('jsplayer.htm?stop');
};
</script>
<script>
function changer_etat(e){
	alert("changer_etat");
   	var d = e==undefined?window.event:e;
 
   	alert(d.keyCode);
   	alert(d);
    switch(d.keyCode)
    {
       // pour savoir le code correspondant à la touche c'est la première alert
      // ici 119 correspond à la touche F8 par contre F3 IE l'utilise pour la recherche sur le navigateur.
        case "119":
            playSound(audioURL);
            break;
        case "F4":
            stopSound();
            break;
    }
};
 
window.onload = function(){
    document.getElementsByTagName("body")[0].onkeyup = changer_etat;
};
</script>
</head>
<body>
</body>
</html>

Bonne soirée et bonne chance. ;)

Merci à tous ceux qui m'ont aidés et merci à headmax pour m'avoir mis sur la voie avec le dernier message.

Le code ne fonctionnait pas. Je l'ai donc re transformé un peu. Je l'ai intégré dans le logiciel pour tester et tout fonctionne parfaitement. J'ai également intégré les touches dont j'avais besoin. F3 en 114 et F4 en 115.

Pour ceux que ça peut intéresser Code transformer :
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 35 <html> <head> <BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.mp3"> </BGSOUND> <script> function playSound(audioURL) { if (document.all) document.all['BGSOUND_ID'].src='test.mp3'; else self.iplayer.location.replace('jsplayer.htm?'+audioURL); }; function stopSound() { if (document.all) document.all['BGSOUND_ID'].src='silence.mp3'; else self.iplayer.location.replace('jsplayer.htm?stop'); }; document.onkeydown = function sons(e){ e = e || window.event; if (e.keyCode === 114) { playSound('test.mp3'); return false; } else if (e.keyCode === 115) { stopSound(); return false; } }; window.onload = function(){ document.getElementsByTagName("body")[0].onkeyup = sons; }; </script> </head> <body> </body> </html>
Amicalement

12/09/2012, 07h41
sekaijin

pour info les touches son sur MacOS sont les touches F7 F8 F9 pour TOUS les players elles sont sérigraphiées en ce sens
http://www.5axe.com/blog/wp-content/...-bluetooth.png
F7 précédent
F8 play/stop
F9 suivant

je ne sais à qui est destiné ton dev mais si c'est pour le grand public le mieux est de se conformer à la règle car sinon les internautes vont être perturbés.

A+JYT