jquery - 快结束时重新启动音频文件

Question

我正在使用 html5 和 Jquery 播放音频文件。该文件的长度为 5 秒。我正在尝试在当前时间为 3 秒时重新启动文件。但问题是它总是以 5 秒结束。

我试图创建一个 jsfiddle，但我无法托管音频文件，所以我将所有代码都放在这里。

在页面加载时会有一个名为 playAudio() 的 jquery 函数。

HTML 代码：

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

查询：

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

如果您有更好的解决方案，请告诉我。

Answer 1

不知道它是否有效，但尝试在文档就绪时添加 EventListener，因为现在每次进入 playaudio 函数时都会添加它。