HTML5 Audio: Wie kann ich einen Clip schnell anhalten und neu starten?
Siehe Titel. Ich versuche, alle 300 Millisekunden viermal hintereinander eine Audiodatei abzuspielen. Da der Clip jedoch länger als 300 ms ist, werden neue Abspielanforderungen ignoriert, bis die Wiedergabe des Clips abgeschlossen ist. Ich suche nach einer Möglichkeit, den Clip alle 300 ms anzuhalten und neu zu starten.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<audio id="note0440"><source src="0440.a4.wav" type="audio/wav"></audio>
<script type="text/javascript">
function playNote (loop) {
var n = document.getElementById("note0440")
if (loop > 4)
return
n.volume = 0.05
// n.currentTime = 0
n.pause()
n.play()
setTimeout("playNote("+(loop + 1)+")", 300)
}
</script>
<div style="margin:50px"><button onclick="playNote(1)">Play Note</button></div>
</body>
</html>
Das funktioniert nicht. Es stoppt nicht und startet nicht neu, egal obn.currentTime = 0 wird eingesetzt.
Hier ist eine WAV-Datei, falls Sie eine zum Testen benötigen:http://popstrip.com/misc/0440.a4.wav