Discussion :

[sat99]

Bonjour,

Je voudrais savoir si avec le javascript on peut faire d�buter le son � un endroit pr�cis d'un fichier ogg ou mp3. par exemple, d�buter le son � 1minute 30 seconde � partir du d�but de l'enregistrement.
J'utilise la balise du HTML5, elle poss�de tr�s peu d'arguments (autoplay, controls notamment), mais apparemment pas de commencer le son o� on veut:
Merci par avance.

[SylvainPV]

Oui en modifiant en JavaScript l'attribut currentTime. L'API compl�te de l'�l�ment <audio> est dispoible ici : https://developer.mozilla.org/en-US/...MLMediaElement

[sat99]

Effectivement, j'ai tent� un petit script et �a fonctionne. il y a sans doute mieux (je suis loin d'�tre export). Voil� ce que �a donne:

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
 
<script language="javascript">
 
function demarrer()
  { 
  audio1.currentTime=90;
  audio1.play();
  } 
 
</script>
 
<audio id="monaudio" src="1violon_musique.ogg"></audio>
 
<script language="javascript">
 
var audio1=document.getElementById('monaudio');
 
</script>
 
<button onclick="demarrer();">envoyer musique</button>

Le son d�marre bien � 90 secondes � partir du d�but quand on clique sur le bouton. Et �a fonctionne aussi bien avec Chrome qu'avec Firefox.

En revanche, si je lance la fonction directement par:

demarrer();

au lieu de <button... pour d�marrer automatiquement le son, l� �a marche et je comprends pas pourquoi.

[Bovino]

l� �a marche et je comprends pas pourquoi.

Je te comprends, c'est toujours aga�ant quand un script marche...

Plaisanterie � part, j'imagine qu'en r�alit�, �a ne marche pas, ce qui peut �tre d� � plusieurs raisons.
D'abord, un mauvais positionnement de l'appel de la fonction. Si elle est pr�sente dans le code avant la balise <audio>, �a ne pourra pas marcher puisque l'�l�ment n'existe pas encore dans le DOM.

Mais dans ton cas pr�cis, c'est plus probablement d� au fait que pour pouvoir atteindre le moment souhait� (90s), il faut que le fichier ai �t� pr�charg� (au moins jusqu'� cet instant) ce qui n'est pas le cas si tu lances l'�coute juste apr�s avoir ins�r� la balise dans le DOM.
A la rigueur, tu pourrais utiliser l'�v�nement durationchange pour contr�ler le moment � partir duquel tu peux lancer l'�coute.

[sat99]

Oui, je voulais dire "�a marche pas", mais c'est quand j'�crivais directement la fonction: demarrer()
Pour que �a marche, il faut l'inclure dans un setTimeout, et l� �A MARCHE, c'est pas un lapsus. Donc, r�solu.Je r�capitule:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript">
function demarrer(){ 
  audio1.currentTime=705;
  audio1.play();
} 
</script>
<audio id="monaudio" src="1violon_musique.ogg"></audio>
<script language="javascript">
var audio1=document.getElementById('monaudio');
setTimeout("demarrer()",1000);
</script>

[SylvainPV]

Le setTimeout est la fa�on la plus sale de corriger ton probl�me d'ordre des instructions, le d�lai de 1 seconde est compl�tement arbitraire et ne sera peut �tre pas suffisant dans tous les cas. Il faut te brancher sur les bons �v�nements, regarde ici : http://www.whatwg.org/specs/web-apps...ml#mediaevents

Donc il faut placer le curseur currentTime � l'endroit d�sir� puis attendre l'�v�nement (canplay pour jouer rapidement avec un risque que �a coupe au milieu, canplaythrough pour jouer sans risque de coupure)

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<audio id="monaudio" src="1violon_musique.ogg"></audio>
<script>var audio = document.getElementById("monaudio");
audio.currentTime = 705;
audio.addEventListener("canplaythrough", audio.play);
</script>