在HTML 5中为Audio标签添加自定义事件

Add Custom events to Audio tag in HTML 5

本文关键字：添加 自定义 事件 标签 Audio HTML 中为      更新时间：2023-09-26

我使用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);

你有没有考虑过使用Web Audio作为你的API ?它提供了您需要的功能

相关文章：