Bonsoir à toutes et tous,

Débutant en javascript, je coince là-dessus:
2 lecteurs audio, 2 fichiers audio (pour l'exemple).
Tout fonctionne, mais si on clique sur Play (song1) et sans attendre la fin de la lecture on clique sur Play (song2), les 2 .ogg se lisent en même temps. Pas cool.
Lorsque l'on clique sur Play, comment mettre en pause l'autre lecture audio en cours ?
Sans certitude, je pensais mémoriser la valeur de la variable au moment du clic : Closure ???
Merci de votre aide.

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
27
28
29
30
 
<script>
 
	function lire(actuel){
//		document.getElementById(avant).pause();
//		document.getElementById(avant).currentTime = 0;
		document.getElementById(actuel).play();
		}
 
	function arret(actuel){
		document.getElementById(actuel).pause(); 
		document.getElementById(actuel).currentTime = 0;
		}
 
</script>
 
<audio id="num1">
	<source src="audio/song1.ogg">
</audio>
 
<img src="img/play.png" onclick="lire('num1')" />		
<img src="img/pause.png" onclick="arret('num1')" />
<br />
 
<audio id="num2">
	<source src="audio/song2.ogg">
</audio>
 
<img src="img/play.png" onclick="lire('num2')" />
<img src="img/pause.png" onclick="arret('num2')" />