Discussion :

[tanny33]

Bonjour à tous,

Je fais actuellement dans le cadre d'un stage un site qui change de page par reconnaissance vocale. Le problème pour lequel je requiert votre aide est sûrement un problème très simple pour la plupart d'entre vous mais je bloque... Je souhaite créer un bouton (ou une fonction) qui cible vers un player (en l’occurrence avec le player dont le code est décrit ici : http://kolber.github.com/audiojs/docs/).

Je penssais faire une structure dans ce genre sur ma page HTML qui est liée au fichier javascript audio.js :

Code :

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

1
2
3
4
 
<form name="form1" method="post" action="">
        <input type="submit" name="button" id="button" onClick="audio.play()" value="Submit">
</form>

Pour ceux qui ne voient pas le lien avec la reconnaissance vocale, ce bouton est une simplification de mon fichier en javascript qui interprète le texte reconnu (via google webkit) sur un autre frame (je ne vous ai mis qu'un extrait du code.. dite moi si vous le voulez en entier).

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
18
19
20
21
22
23
24
25
 
controleplayer: function(value){
			if(value !== true){value = false;}
 
			//Check for autosubmit speech
			if(autochecked && value){
				return;
			}
 
			var val = $speech.val();
			if(val=="play"){
				parent.parent.monframe.play();			
			}
			if(val=="pause"){
				parent.parent.monframe.pause();			
			}
			if(val=="suivant"){
				parent.parent.monframe.suivant();		
			}
			if(val=="précédant"){
				parent.parent.monframe.precedant();		
			}
 
 
			return false;

Le player se recharge mais il ne se met jamais en lecture.


Merci de votre aide.

[nadox]

Bonjour,

Le bouton submit envoie le formulaire, ce qui recharge la page(ou frame).
Lorsqu'elle est rechargée... son contexte javascript est recréé, et la fonction n'est jamais exécutée.

Si le formulaire est important pour le rechargement du player, il faut alors que la fonction "play" soit appelé sur le chargement de la page(ou frame).
Si le rechargement n'est pas indispensable, il faut changer le bouton 'submit' par un bouton 'button'.

[tanny33]

Merci de votre réponse rapide.

J'ai essayé de modifier mon code mais cette fois-ci, rien ne se passe (ma fonction doit être fausse...).

Voici le code qui permet d'utiliser les touches du clavier pour effectuer ce que j'essai de faire:

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
18
19
20
21
22
23
24
25
26
 
<script src="./MP3/jquery.js"></script> 
    <script src="./MP3/audiojs/audio.js"></script> 
    <script> 
      $(function() { 
 
        // Keyboard shortcuts
        $(document).keydown(function(e) {
          var unicode = e.charCode ? e.charCode : e.keyCode;
             // right arrow
          if (unicode == 39) {
            var next = $('li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.click();
            // back arrow
          } else if (unicode == 37) {
            var prev = $('li.playing').prev();
            if (!prev.length) prev = $('ol li').last();
            prev.click();
			// spacebar
          } else if (unicode == 32) {
            audio.playPause();
          }
        })
      });
    </script>

et j'ai donc rajouter dans ce même fichier HTML le bouton:

Code :

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

1
2
 
<input type="button" name="Pause" id="Pause" onClick="audio.playPause()" value="Play/Pause">

[NoSmoking]

Je souhaite créer un bouton (ou une fonction)

il existe la balise BUTTON, elle est faite pour cela

Code :

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

1
2
 
<button id="Pause" onclick="audio.playPause()">Play-Pause</button>

[tanny33]

Cela ne marche toujours pas...
D'après mon message ci dessus, est-ce que ma fonction:

Code :

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

audio.playPause();

est correcte?

Est ce que

Code :

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

$(document).keydown(function(e)

joue un rôle dans le fait que les flèches et la barre d'espace marchent? Dois-je mettre quelque chose devant "audio" dans mon bouton?

[NoSmoking]

Est ce que

Code :

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

$(document).keydown(function(e)

joue un rôle dans le fait que les flèches et la barre d'espace marchent?

c'est indéniable, il est la pour cela

Dois-je mettre quelque chose devant "audio" dans mon bouton?

visiblement il suffit de cliquer dessus!