JavaScript中的音頻循環

Question

我有一個10秒長的音頻文件，我想在用戶單擊按鈕時播放它。 但是，當用戶按下按鈕時，我希望我的音頻從5s到7.5s循環播放，而onmouseup需要我的音頻播放到10s。 沒有任何外部庫，是否可以這樣做？

Answer 1

因此，我創建了以下JS小提琴 ，它在5-7.5 onmousedown上進行循環。 它通過跟蹤currentTime屬性並檢查播放器是否在范圍內，並在超出范圍時重置來工作。

<button onclick="playSound()">play</button>
<button onmousedown="fivetoseven()">play 5-7</button>
<button onclick="stopSound()">stop</button>
<audio controls id="mp3" preload="auto" src="https://upload.wikimedia.org/wikipedia/commons/4/40/Toreador_song_cleaned.ogg"></audio>


<script>
  var mp3 = document.getElementById('mp3');

  function playSound() {
    mp3.play();
  }

  function fivetoseven() {
    if (mp3.currentTime < 5.0 || mp3.currentTime > 7.5) {
      mp3.currentTime = 5;
    }
    setTimeout(fivetoseven, 500)
  }


  function stopSound() {
    mp3.pause();
  }

</script>