Возможно ли воспроизвести аудиофайл после получения разрешения пользователя на воспроизведение аудио 1 раз?

Question

[dotnetman]

Я пытаюсь воспроизвести аудио без взаимодействия с пользователем и получаю ошибку:
"Uncaught (in promise) DOMException: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission."
Вот мой код:

<audio id="beep"> <source src="~/Content/Sounds/beep.mp3" type="audio/mp3"> </audio>
 <script> 
      var playAudio = $("#beep")[0]; 
      playAudio.play(); 
</script>

Как я понимаю, это запрещено текущими браузерами воспроизводить аудио без явного взаимодействия пользователя. Возможно ли как-то, когда страница загружается, попросить пользователя дать разрешение на воспроизведение аудио на сайте, и только после явного разрешения пользователя загрузить страницу, а затем вызывать этот код в JS, когда мне нужно?

Comments

[Евгений]

А если попробовать исполнить этот код после клика (тапа)/скролла/движения мышью (событий пойнтера)?

upd: Плюс ко всему, если ты тестишь со своей машины, но тестишь на каком-то удалённом хосте без https - то это и не должно сработать, потому что permission api (даже то-же автовоспроизведение аудио, по-моему) требует https. И чтоб такое тестить - надо выкатывать .crt и .key для localhost, потом поднимать сервер локальный используя эти .crt и .key, регать .crt в браузере и потом только экшн.

[Okujava-script]

Этот код не получится попробовать после клика, т к он хочет выполниться по загрузке страницы. Движение мышью не считается требуемым взаимодействием.

Answer 1

[Okujava-script]

Ваш код хочет воспроизвести звук по ходу загрузки страницы. В этом случае никак не успевает пользователь взаимодействовать со страницей. В отличии от этой ситуации, по программным событиям для уведомлений можно автоматом воспроизводить аудио, но всё упирается в это взаимодействие, оно должно произойти до того, как произойдет первое программное событие. Достаточно кликнуть в любом месте страницы.

Comments

[dotnetman]

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

[Okujava-script]

Есть такой хороший браузер - Microsoft Edge, он позволяет сделать то, что Вы хотите. Его сделали для вин-10, не знаю, работает ли он в других системах. Во всех остальных браузерах к сожалению разработчики уже больше пяти лет бьются над тем, чтобы это было сделать невозможно. Причиной послужили множественные жалобы пользователей на то, что фоновый звук начинает играть неожиданно типа, когда типа колоннки включены на полную громкость, а в соседней комнате кто-то спит.