Почему Audio то работает, то нет?

Question

[Stepgor]

Аудио странно ведет себя, иногда все нормально, иногда выдает эту ошибку Uncaught (in promise) DOMException и не работает ,иногда сначала не работает, потом начинает работать. Все начинает работать после клика по любой точке сайта. Код

var audioCase = new Audio('../sounds/case.m4a');
audioCase.volume = 1;
$('div').on('mouseenter', ()=>{
  audioCase.play();
})

Answer 1

[Leo Developer]

Может подождать пока аудио загрузится?

var audioCase = new Audio('../sounds/case.m4a');
var loaded = false
audioCase.volume = 1;
audioCase.addEventListener('loadeddata', function() {
  loaded = true;
 }, false)
$('div').on('mouseenter', ()=>{
  if (loaded) 
    audioCase.play();
})

Comments

[Stepgor]

не помогло, но теперь когда нажимаешь F12 то звуки снова появляются , странно

[Stepgor]

Вот еще, звуки начинают работать после клика по любой точке на сайте

[Stepgor]

Причем , если делать это тригером - не работает

Answer 2

[Дмитрий Свиридов]

Перед audioCase.play(); напиши console.log("mouseenter"); И посмотри в консоли, сколько раз у тебя запускается событие mouseenter. Есть подозрение, что оно запускается так часто, что звук просто не может нормально воспроизводиться.

Comments

[Stepgor]

оно и на первый может не сработать, после клика по любому месту на сайте все звуки начинают хорошо работать

[Егор Живагин]

Stepgor, а, так нынче браузеры блокируют автовоспроизведение звуков на сайтах, звук должен начинаться только после какого-то конкретного действия пользователя. Вот тут
было