mp3文件一一播放列表答案

【问题标题】：Playing list of mp3 files one by onemp3文件一一播放列表
【发布时间】：2019-10-24 10:51:52
【问题描述】：

我有 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();
  }
}

【问题讨论】：

有时当出现错误时，相关消息会提供有关问题及其解决方法的线索。该代码添加了事件侦听器，但不删除任何事件侦听器。每个递归和另一个事件侦听器。每次递归都会有 N 个事件监听器调用 playAudio。

标签： javascript html angularjs

【解决方案1】：

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

【讨论】：

au.addEventListener('end'
这就是我所做的，但我仍然遇到错误。