Как реализовать «войти со звуком» и «войти без звука» на сайте?

Question

[magalalka]

Вот картинка, чтоб понятней было. Так же, на след странице (для которой предлагается выбор, собственно) будет тумблер, с помощью которого музыку можно будет включить/выключить (не зависимо что выбрал человек до этого). Не сумела нагуглить решение:(

Comments

[Михаил Р.]

Шта?

[alexalexes]

Запомните, раз и на всегда. Звуки и видео в браузере можно воспроизводить только через отображаемый проигрыватель, который реализуется тегами audio или video (или через iframe на проигрыватель популярного сервиса), с обязательным предоставлением пользователю органов управления на остановку воспроизведения и отключения громкости в пределах отображаемой области тега.
Все остальные способы как-то подсунуть фоновый медиа-контент, тем более с правами автовоспроизведения, будут сильно мешать приватному пространству пользователя, и если такие способы есть, то они будут блокироваться в новых версиях браузеров.

[magalalka]

alexalexes, https://unseen.co/ вот сайт где я это увидела. Тут кажется иначе сделано

[magalalka]

Михаил Р., https://unseen.co/ вот как тут хочу)

Answer 1

[Сергей delphinpro]

решение в лоб, самое простое

вывести поверх любой страницы сайт перекрывающий блок с этими кнопками.
кнопки скрывают блок, а синяя еще и музыку включает.

Comments

[magalalka]

Очень хорошая идея, я попробую, спасибо!