javascript - 如何播放页面上的每个音频元素(HTML、JQuery、Javascript)

Question

好的，我有一个页面，上面有多个音频元素。我正在寻找一种播放每个音频的方法，从第一个开始，等待它完成播放，然后转到下一个音频元素，直到最后一个元素。有什么办法可以实现这一点吗？谢谢!

编辑:

我无法添加代码示例，因为音频元素都是由 PHP 动态添加的，因此在此之前它是一个空文件。

Answer 1

您可以通过将每个音频元素存储在队列中来实现此目的。假设您将每个元素存储在数组 audioElements 中。

var index = 0;
function playNext(index){
  audioElements[index].play(); //this will play the element
  audioElements[index].on('ended', function(){ //this will bind a function to the "ended" event
    //increment the index to target the next element
    index++;
    if(index < audioElements.length){
      //plays the next song and binds the function to the ended event again until the queue is empty
      playNext(index);          
    }
  }
}
playNext(index);