我正在使用 HTML5 中的音频标签在页面上呈现音频。
<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);