HTML Audio - 使用 jQuery 检测位置

HTML Audio - Detecting position with jQuery

本文关键字：检测 位置 jQuery 使用 Audio HTML      更新时间：2023-09-26

当使用HTML5 Audio标签让eventListener或使用Dom/jQuery在播放期间或结束时触发事件时，是否有任何方法？

这个答案链接到当前时间，但没有示例，下面的伪代码。

<!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>

你可以试试这个：

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

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);
您可以使用

ended事件：

$("audio").on("ended", function() { 
     // do stuff
});
相关文章：