Воспроизведение списка файлов 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

Чтобы решить эту проблему, вы должны получить событие окончания песни для песни, и в этом событии вы должны передать функцию для воспроизведения следующей песни.