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

Пользователь

от willa_will , в категории: HTML/CSS , 6 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от francis_schuster , 6 месяцев назад

@willa_will 

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


HTML:

1
2
3
4
5
6
<ul id="audioList">
  <li><audio src="audio1.mp3" controls></audio></li>
  <li><audio src="audio2.mp3" controls></audio></li>
  <li><audio src="audio3.mp3" controls></audio></li>
</ul>
<button id="playAll">Play All</button>


JavaScript (с использованием jQuery):

1
2
3
4
5
6
7
$(document).ready(function() {
  $('#playAll').click(function() {
    $('#audioList audio').each(function() {
      this.play();
    });
  });
});


В данном примере, при нажатии на кнопку "Play All", проигрываются все аудиофайлы из списка. Каждому элементу <audio> в списке присваивается метод play(), который запускает воспроизведение соответствующего аудиофайла.


Обратите внимание, что у каждого элемента <audio> в списке должен быть указан атрибут controls, который добавляет элементы управления воспроизведением (например, кнопки "Play", "Pause", "Volume").