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

Question

according to the spec ,

html5 audio has the following properties:

loop Indicates if the audio data should play in a loop. The default value is false.

loopStart An optional value in seconds where looping should begin if the loop attribute is true. Its default value is 0, and it may usefully be set to any value between 0 and the duration of the buffer.

loopEnd An optional value in seconds where looping should end if the loop attribute is true. Its default value is 0, and it may usefully be set to any value between 0 and the duration of the buffer.

I am trying to loop a segment of an audio file, from second 5 to 8 for example.

I have tried many combinations, including with/without using: #t= url param | loopstart/loopend attributes in the DOM | loop attribute

Nothing works so far (chrome browser). Perhaps theese properties are simply not supported yet. I am trying to avoid using javascript to set the currenttime of the audio.

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

I have looked at: Seamless audio loop to an arbitrary position and gapless looping audio html5

Answer 1

Try with this.

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>