Variable : Mémoriser sa valeur avant modif
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:
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')" /> |