web-dev-qa-db-fra.com

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

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

Est-ce que cela lance des événements que je peux écouter ou quelque chose de similaire? Je dois réagir à la fin d'une piste audio.

Merci!

33
fancy

Selon W3Schools , vous pouvez utiliser l'événement 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/

27
mauris

En utilisant HTML:

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

Utiliser Javascript:

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

Utilisation de jQuery:

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

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

65
Derek 朕會功夫