Javascript HTML音频-使用jQuery检测位置
当使用HTML5音频标记使eventListener或操作在播放期间或结束时使用Dom/jQuery触发事件时,是否存在任何问题 答案链接到currentTime,但没有示例,下面是伪代码Javascript HTML音频-使用jQuery检测位置,javascript,jquery,html,dom,audio,Javascript,Jquery,Html,Dom,Audio,当使用HTML5音频标记使eventListener或操作在播放期间或结束时使用Dom/jQuery触发事件时,是否存在任何问题 答案链接到currentTime,但没有示例,下面是伪代码 <!DOCTYPE html> <html> <body> <audio controls="controls"> <source src="file.ogg" type="audio/ogg" /> <source src="fil
<!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>
您的浏览器不支持音频元素。
$(文档).ready(函数(){
$(“音频”).addEventListener(“结束”,函数(){
警惕(“歌曲已结束”);
});
$(“音频”).addEventListener('20.2',函数(){
警报(“您当前在赛道上的时间为20.2秒”);
});
});
您可以使用end
事件:
$("audio").on("ended", function() {
// do stuff
});
您可以尝试以下方法:
获取音频的持续时间,根据当前时间发出警报,并在需要时显示警报
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);
有一个持续时间函数吗?我不相信有-至少没有一个,你可以告诉在播放的特定点开火。这是一个有用的答案和干净的代码块,我回来给你一个加分代表。抱歉,它只有很小的价值,但你的帮助是感谢的。我也看到了这篇文章,-从一个随机的位置开始HTML5,你可以在整个网站上看到一些关于这篇文章的好代码(点击下面右边的链接),我相信你可以找到一些好的代码片段,并制作一个很好的简单脚本。这个网站也是我所需要的很好的例子。。请查看他们和这个页面上的其他链接-足够多的信息我对这两个回答都很满意,但我不能投票支持。因此,我将这篇文章标记为答案,另一篇文章也显示了干净的代码,但不能代表好的答案。我正在搜索如何在指定播放范围并达到播放范围的结束时检测某种“结束”事件。你的回答提供了一个解决办法。谢谢