Почему Google Chrome блокирует звук audio элементов при отсутствии https?

Question

[Дмитрий Петров]

Добавляю на страницу элемент следующим образом:

<audio controls id="sound-card" src="./card.wav" type="audio/wav"></audio>

Затем запускаю статический HTTP-сервер, ожидая работающий проигрыватель, но получаю неактивный:

Изображение

При попытке загрузить аудио примерно следующим образом:

const audio = new Audio('./test.wav');
audio.addEventListener('canplay', () => audio.play());

Возникает пустое исключение:

Изображение

Заметил что эти проблемы возникают только при использовании протокола HTTP. Причем только нативные API (<audio /> и new Audio()) перестают работать. Howler.js показал себя отлично.

Подскажите, где найти официальную информацию по этой теме?
Также интересно было бы узнать о возможных решениях. Заранее спасибо.

Answer 1

[Александр Аксентьев]

Возможно проблема в том что браузеры запрещают воспроизводить звуки на сайтах автоматически.

Только после того как пользователь совершит действие которое приведет к включению звука.