HTML5 の Audio タグを使用して、ページにオーディオをレンダリングしています。
<audio preload="none" id="audioPlayer" controls>
<source src="test.mp3" type="audio/mpeg">
</audio>
オーディオの再生、一時停止、終了時、および進行中のオーディオの特定の間隔でカスタム イベントを発生させたいと考えています。イベントをオーディオプレーヤーにバインドするために次のすべての方法を試しましたが、成功しませんでした。
アプローチ 1 -
var audio = document.getElementById("audioPlayer");
audio.addEventListener('pause', foo());
アプローチ 2 -
jQuery("#audioPlayer").bind('play', function () {
alert("test");
});
アプローチ 3 -
document.getElementById('audioPlayer').addEventListener('play', function () {
alert("test");
});
アプローチ 4
var play_pause = document.getElementById('audioPlayer');
play_pause.addEventListener('play', function () {
alert("test");
}, false);