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

Question

根据spec ,

html5 音频具有以下属性:

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

循环开始如果循环属性为真，则以秒为单位的可选值应开始循环。它的默认值为 0，可以将其设置为 0 和缓冲区持续时间之间的任何值。

循环结束以秒为单位的可选值，如果循环属性为真，则循环应结束。它的默认值为 0，可以将其设置为 0 和缓冲区持续时间之间的任何值。

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

我尝试了很多组合，包括使用/不使用: #t= 网址参数 |DOM 中的 loopstart/loopend 属性 |循环属性

到目前为止没有任何效果(chrome 浏览器)。也许这些属性根本不受支持。我试图避免使用 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>