Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

HTML | Воспроизведение фонового аудио с использованием JavaSpript + IFrame при переходе на следующую вкладку.

DefaltBD1 Профи (765), открыт 3 недели назад
Здравствуйте! На днях решил запилить себе хоумпейдж в стиле интернета конца 00х-начала 10х. Одной из ключевых фишек сайта должно стать автовоспроизводящееся аудио.

Как выяснил, уже как несколько лет из-за новой политики тег autoplay нельзя использовать с медиа без тега muted. Насколько мне известно, для начала воспроизведения от пользователя требуется хоть какое-то действие, будь то клик или скролл.

Уже как полнедели ломаю себе над этим голову, ответа достойного не даёт даже нейронка. Думал, что уже всё, но тут мне мой кореш подогнал для смотра один очень интересный сайт (ОСТОРОЖНО, НЕМНОГО ВЫРВИГЛАЗНО): https://fauux.neocities.org/ .

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

Изучив код элемента, я обнаружил, что воспроизведение достигается за счёт использования скриптов на JavaScript (вроде два, а вроде один) и ссылок на видео YouTube при использовании IFrame. В скрипте должен быть такой же VIDEO_ID как и у ссылки в IFrame.

Казалось бы, всё просто: вырвал из кода эти элементы и воткнул их себе, с последующей заменой видеоссылки с музыкой на мне нужную, но не тут то было - даже скопировав всё в точности у меня ничего не воспроизводится. По крайней мере делать я это пытаюсь пока что на локальном уровне (сайт ещё не хостится нигде)

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

P.S. На скрине то, куда нужно нажимать, чтобы перейти на вкладки с работающим автовоспроизведением со звуком
Дополнен 3 недели назад
РЕШЕНО:
нужно было всего лишь захостить сайт хотя бы через локалхост и аудио начало браться из ссылки, а потом и воспроизводиться
2 ответа
V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (274233) 3 недели назад
IFrame при переходе на следующую вкладку
Запустил вкладку с музыкой и ходи по всему браузеру где угодно.

Да, для старта необходимо действие пользователя, это ограничение браузеров

Там пример: https://fairy-tales-for-you.firebaseapp.com/music/
V̲i̲s̲t̲a̲s̲t̲e̲r̲Искусственный Интеллект (274233) 3 недели назад
добавил регулятор уровня и его сохранение в LS... пожалуй, сделаю плейлист и на этом всё — для себя
Похожие вопросы