我正在使用html5和Jquery播放音频文件。文件的长度为 5 秒。我正在尝试在当前时间为 3 秒时重新启动文件。但问题是它总是以 5 秒结束。
我试图创建一个 jsfiddle,但我无法托管音频文件,所以我将所有代码都放在这里。
在页面加载时,将有一个名为playAudio()的jquery函数。
网页代码:
<audio id="audio_generic"> //I can write loop but I don't want as the end of audio file is bit cracky.
<source src="engine_loop.mp3" type="audio/mpeg" />
<source src="engine_loop.ogg" type="audio/ogg">
Your browser does not support the video tag.
</audio >
Jquery :
function playaudio()
{
var checkaudio = false;
$('#audio_generic').trigger('play');
$audioplayer = $('#audio_generic').get(0);
$audioplayer.addEventListener('timeupdate', function(event)
{
if ($audioplayer.currentTime > 3)
{
//$audioplayer.play();
playaudio();
}
});
}
如果您有更好的解决方案,请告诉我。
不知道它是否有效,但请尝试在准备好的文档上添加一次事件侦听器,因为现在每次进入播放音频功能时都会添加它。