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

114
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>

READ ALSO
Как передать table в textarea jQuery?

Как передать table в textarea jQuery?

Есть страница корзины, на странице товары и их параметры формируются в таблицу table

128
nav выходит за пределы div

nav выходит за пределы div

Всем приветПоявилась проблемка: nav выходит за пределы div при масштабирование окна браузера

112