Question

当使用HTML5音频标签在播放期间或结束时使用Dom / jQuery触发事件时，是否有使用eventListener或action？

This回答指向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>

Answer 1

您可以使用ended事件：

$("audio").on("ended", function() { 
     // do stuff
});

Answer 2

你可以试试这个：

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

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);

HTML音频 - 使用jQuery检测位置

2 个答案: