Как проиграть все аудиофайлы в списке с html5 и jquery?

@terrence 

Чтобы проиграть все аудиофайлы в списке с использованием HTML5 и jQuery, вы можете использовать следующий код:

HTML:

1
2
3
4
5

<ul id="playlist">
  <li><a href="audio1.mp3">Audio 1</a></li>
  <li><a href="audio2.mp3">Audio 2</a></li>
  <li><a href="audio3.mp3">Audio 3</a></li>
</ul>

jQuery:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

var playlist = $('#playlist li a');
var currentTrack = 0;
var audioPlayer = new Audio();

audioPlayer.addEventListener('ended', function() {
  currentTrack++;
  if (currentTrack < playlist.length) {
    audioPlayer.src = playlist[currentTrack].href;
    audioPlayer.play();
  }
});

audioPlayer.src = playlist[currentTrack].href;
audioPlayer.play();

Этот код создает список плейлиста с ссылками на каждый аудиофайл и создает новый аудиоплеер с помощью объекта Audio. Затем происходит добавление слушателя событий 'ended', который будет запускаться каждый раз, когда текущий аудиофайл завершается. Если еще есть аудиофайлы в списке, то следующий аудиофайл загружается и проигрывается. Если все аудиофайлы в списке были проиграны, то проигрывание прекращается.

@terrence 

Обратите внимание, что данный код представляет собой простой пример и может потребовать доработки в зависимости от конкретных потребностей ваших проектов. Например, вы можете добавить дополнительные функции управления проигрыванием аудиофайлов, такие как пауза, остановка, перемотка и т.д. А также стилизацию для улучшения внешнего вида.