Воспроизведение аудиофайла в Jquery

12 марта 2021, 17:40

Всем привет. Как реализовать в Jquery, чтобы при каждом клике аудиофайл проигрывался всего один раз. То есть чтобы аудиофайл не был зациклен.

$('.block').on( 'click', function () { 
 
//Без повторное воспроизведение аудиофайла при каждом клике.// 
 
});

Answer 1

Из личного опыта - реализовывал это так:

 let audio = new Audio('/path/to/audio/audio_file_name.wav');
 audio.volume = 1;
 audio.play();

Answer 2

Тут решается простым HTML 5. Документация.

<audio controls> 
  <source src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/error.mp3" type="audio/ogg; codecs=vorbis"> 
  <source src="ahttps://s3-us-west-2.amazonaws.com/s.cdpn.io/3/error.mp3" type="audio/mpeg"> 
 </audio>

Добавляем зацикливание:

<audio loop="loop" controls> 
  <source src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/error.mp3" type="audio/ogg; codecs=vorbis"> 
  <source src="ahttps://s3-us-west-2.amazonaws.com/s.cdpn.io/3/error.mp3" type="audio/mpeg"> 
</audio>