当音频文件快完成时重启音频文件

时间:2013-11-05 15:00:17

标签: jquery html html5-audio

我正在使用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 > 

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

如果您有更好的解决方案,请与我们联系。

1 个答案:

答案 0 :(得分:0)

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