Comment puis-je savoir quand un élément audio HTML5 a fini de jouer ?

Question

Comment puis-je savoir quand un élément audio HTML5 a fini de jouer ?

Lance-t-il des événements que je peux écouter ou quelque chose de similaire ? Je dois réagir quand une piste audio se termine.

Merci!

Answer 1

Utilisation de HTML :

 <audio id="music" src="blah.mp3" onended="yourFunction()"></audio>

Utilisation de Javascript :

 document.querySelector("#music").addEventListener("ended", yourFunction, false);

Utilisation de jQuery :

 $("#music").on("ended", yourFunction);

En savoir plus sur les événements médiatiques sur MDN

Answer 2

Selon W3Schools , vous pouvez utiliser l' onended pour détecter si la lecture audio est terminée.

Dans jQuery :

 $("#player").bind('ended', function(){
    // done playing
    alert("Player stopped");
});

Pour une démonstration voir : http://jsfiddle.net/9PCEf/2/