2

无论如何，当使用 HTML5 音频标签有一个 eventListener 或使用 Dom/jQuery 的动作在播放期间或结束时触发事件时？

此答案链接到 currentTime 但没有示例，下面是伪代码。

<!DOCTYPE html>
<html>
<body>

<audio controls="controls">
  <source src="file.ogg" type="audio/ogg" />
  <source src="file.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

<script src="jquery.js"></script>
<script>
$(document).ready(function () {
    $("audio").addEventListener("end", function () {
        alert("song has ended");
    });
    $("audio").addEventListener('20.2', function () {
        alert("your currently at 20.2 seconds in the track");
    });
});
</script>

</body>
</html>
4

2 回答 2

4

您可以使用该ended事件：

$("audio").on("ended", function() { 
     // do stuff
});
于 2012-04-30T09:49:33.397 回答
4

你可以试试这个：

获取音频的持续时间并根据 currentTime 发出警报，并在您需要的任何地方显示警报。

audio.addEventListener("timeupdate", function(){    
var duration = document.getElementById('duration');
var s = parseInt(audio.currentTime % 60);    var m = parseInt((audio.currentTime / 60) % 60);
duration.innerHTML = m + '.' + s + 'sec'; 
}, false);
于 2012-04-30T10:03:09.853 回答