javascript - 逐个播放 mp3 文件列表

Question

我有 mp3 文件列表，我希望它们依次播放。

我附上了我的代码。 中间出现错误。

function playAudio(){
  var au = document.getElementById('saveAudio');
  if($scope.listOfMp3.length > 0){
     $scope.mp3 = $scope.listOfMp3[0];
     au.src = $scope.mp3;
     var promise = au.play();
     if (promise !== undefined) {
        promise.then(function () {
          console.log('Succesfully played');
        }).catch(error => {
          console.log('Problem in playing');
          $scope.listOfMp3.shift();
          playAudio();
        });
     }
     au.addEventListener('ended',function(){
        $scope.listOfMp3.shift();
        playAudio();
     });
  } else {
     au.pause();
  }
}

Answer 1

要解决这个问题，你应该获取歌曲的歌曲结束事件，在该事件上，你应该传递播放下一首歌曲的函数。