HTML5 Autoplay не работает на моем сайте, но работает на таких сайтах, как YouTube? - PullRequest
0 голосов
/ 20 апреля 2019

У меня есть веб-сайт, на котором я получаю в реальном времени подсчет подписчиков YouTube через обновление API данных YouTube в режиме реального времени. Я хочу добавить немного музыки в фоновом режиме, и я думаю, что было бы лучше, если бы музыка воспроизводилась сразу после загрузки страницы. Теперь я понимаю, что некоторые пользователи могут найти это раздражающим, поэтому я добавлю опцию, где они могут отключить его, и он не будет играть при следующем посещении сайта. Проблема в том, что атрибут autoplay медиаэлемента HTML5 работает только в том случае, если звук отключен или пользователь сначала взаимодействует со страницей. Однако на таких сайтах, как YouTube, видео воспроизводится, как только страница загружается даже со звуком. Почему это? Могу ли я и если да, то как бы это реализовать на моем сайте?

Я пытался использовать music.play(); и music.click(); Я даже пытался отключить воспроизведение звука на секунду и использовать setTimeout(function(){music.muted=false},1000);, чтобы включить его, но все, что он делал, это приостанавливал звук, когда он был включен.

<audio src="music.mp3" autoplay muted></audio> работает, но звук отключен

<audio src="music.mp3" autoplay></audio> не работает

Звук не воспроизводится автоматически, но такие сайты, как YouTube и Netflix, воспроизводятся автоматически. Нужна ли мне лицензия на автозапуск?

...