Здравствуйте! На днях решил запилить себе хоумпейдж в стиле интернета конца 00х-начала 10х. Одной из ключевых фишек сайта должно стать автовоспроизводящееся аудио.
Как выяснил, уже как несколько лет из-за новой политики тег autoplay нельзя использовать с медиа без тега muted. Насколько мне известно, для начала воспроизведения от пользователя требуется хоть какое-то действие, будь то клик или скролл.
Уже как полнедели ломаю себе над этим голову, ответа достойного не даёт даже нейронка. Думал, что уже всё, но тут мне мой кореш подогнал для смотра один очень интересный сайт (ОСТОРОЖНО, НЕМНОГО ВЫРВИГЛАЗНО): https://fauux.neocities.org/ .
Самое интересное начинается после нажимания на анимированную тянку - начинает перебрасывать на потайные вкладки, где уже без всякого действия со стороны клиента начинает воспроизводиться фоновое аудио.
Изучив код элемента, я обнаружил, что воспроизведение достигается за счёт использования скриптов на JavaScript (вроде два, а вроде один) и ссылок на видео YouTube при использовании IFrame. В скрипте должен быть такой же VIDEO_ID как и у ссылки в IFrame.
Казалось бы, всё просто: вырвал из кода эти элементы и воткнул их себе, с последующей заменой видеоссылки с музыкой на мне нужную, но не тут то было - даже скопировав всё в точности у меня ничего не воспроизводится. По крайней мере делать я это пытаюсь пока что на локальном уровне (сайт ещё не хостится нигде)
Даже если по какой-то причине не получится провернуть всё то же самое что и на этих сайтах, буду рад применить альтернативу. Так как для воспроизведения аудио отныне требуется любое действие юзера, я сделал специальную буферную страницу, на которой нужно нажать на картинку, чтобы зайти на главную часть сайта.
P.S. На скрине то, куда нужно нажимать, чтобы перейти на вкладки с работающим автовоспроизведением со звуком
Дополнен 3 недели назад
РЕШЕНО: нужно было всего лишь захостить сайт хотя бы через локалхост и аудио начало браться из ссылки, а потом и воспроизводиться
Как выяснил, уже как несколько лет из-за новой политики тег autoplay нельзя использовать с медиа без тега muted. Насколько мне известно, для начала воспроизведения от пользователя требуется хоть какое-то действие, будь то клик или скролл.
Уже как полнедели ломаю себе над этим голову, ответа достойного не даёт даже нейронка. Думал, что уже всё, но тут мне мой кореш подогнал для смотра один очень интересный сайт (ОСТОРОЖНО, НЕМНОГО ВЫРВИГЛАЗНО): https://fauux.neocities.org/ .
Самое интересное начинается после нажимания на анимированную тянку - начинает перебрасывать на потайные вкладки, где уже без всякого действия со стороны клиента начинает воспроизводиться фоновое аудио.
Изучив код элемента, я обнаружил, что воспроизведение достигается за счёт использования скриптов на JavaScript (вроде два, а вроде один) и ссылок на видео YouTube при использовании IFrame. В скрипте должен быть такой же VIDEO_ID как и у ссылки в IFrame.
Казалось бы, всё просто: вырвал из кода эти элементы и воткнул их себе, с последующей заменой видеоссылки с музыкой на мне нужную, но не тут то было - даже скопировав всё в точности у меня ничего не воспроизводится. По крайней мере делать я это пытаюсь пока что на локальном уровне (сайт ещё не хостится нигде)
Даже если по какой-то причине не получится провернуть всё то же самое что и на этих сайтах, буду рад применить альтернативу.
Так как для воспроизведения аудио отныне требуется любое действие юзера, я сделал специальную буферную страницу, на которой нужно нажать на картинку, чтобы зайти на главную часть сайта.
P.S. На скрине то, куда нужно нажимать, чтобы перейти на вкладки с работающим автовоспроизведением со звуком