web-dev-qa-db-ja.com

HTML5オーディオ要素の再生が終了したことを確認するにはどうすればよいですか?

HTML5オーディオ要素の再生が終了したことを確認するにはどうすればよいですか?

それは私が聞くことができるイベントまたは同様のものを投げますか?オーディオトラックが終了したときに反応する必要があります。

ありがとう!

33
fancy

W3Schools によれば、onendedイベントを使用して、オーディオの再生が終了したかどうかを検出できます。

JQueryの場合:

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

デモについては、以下を参照してください: http://jsfiddle.net/9PCEf/2/

27
mauris

HTMLの使用:

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

Javascriptの使用:

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

JQueryの使用:

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

MDNのメディアイベント の詳細を読む

65