从a点到b点的html5音频循环

Question

根据spec，

html5 audio具有以下属性：

环 指示音频数据是否应在循环中播放。默认值为false。

环路启动 一个可选值，以秒为单位，如果loop属性为true，则应开始循环。它的默认值是0，它可以有用地设置为0和缓冲区持续时间之间的任何值。

loopEnd 一个可选值，以秒为单位，如果loop属性为true，则循环应该结束。它的默认值是0，它可以有用地设置为0和缓冲区持续时间之间的任何值。

我正在尝试循环一段音频文件，例如从第二个5到8。

我尝试了很多种组合，包括使用/不使用：  #t = url param | DOM中的loopstart / loopend属性 循环属性

到目前为止没有任何作用（Chrome浏览器）。也许还没有支持theese属性。我试图避免使用javascript来设置音频的当前时间。

HTML

<audio controls="" src="http://www.tonycuffe.com/mp3/tail%20toddle.mp3#t=5,8"        loopstart="5" loopend="8" loop></audio>

JAVASCRIPT

var myAudio = document.getElementsByTagName('audio')[0];
myAudio.loopStart = 5;
myAudio.loopEnd = 8;
myAudio.play();

fiddle

我看过： Seamless audio loop to an arbitrary position 和 gapless looping audio html5

Answer 1

试试这个。

<强> JS

function audio() {
if (document.getElementById("music").currentTime >= 8) {document.getElementById("music").currentTime = 5}
}

<强> HTML

<audio id="music" controls ontimeupdate="audio()">
<source src="http://www.tonycuffe.com/mp3/tail%20toddle.mp3" type="audio/mp3">
<audio>