Приветствие при входе на сайт

ahatomik · 2020-03-09 23:57:18

Ребята, решил уже на форум написать.
Перелопатил все просторы и возможно не правильно подаю запрос.
Суть:
При входе на сайт ( желательно только главная страница ) должно проиграть музыкальное приветствие. Без повторов и без нажатия на "Play".
Возможно, кто-то ранее такого плана задачку реализовал и есть решение?

Плееры не подходят. Грузят скорость загрузки сайта в мобильной версии :)

irbees2008 · 2020-03-10 06:58:29

Ну без плеера ни как, я же тебе делал для галереи там один раз проигрывалось

rusiq · 2020-03-10 07:12:07

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

Что касается задачки, то решений полно в интернетах, ну хотя бы тут https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement.

{# Если это главная страница #}
{% if isHandler('news:main') %}
<script>
document.addEventListener('DOMContentLoaded', function(event) {
    // Создаем объект аудио.
    const media = new Audio('https://img.imgsmail.ru/static.promo/sounds/notifier/bell.mp3');
    
    // Воспроизводим аудио.
    media.play();
});
</script>
{% endif %}

Это нужно добавить в main.tpl перед закрывающим тегом </body>.

Отредактировано rusiq (2020-03-10 07:25:11)

rusiq · 2020-03-10 07:28:42

Во как получается: решил проверить работу скрипта и оказалось, что разработчики Chrome изменили политику в отношении автопроигрывания, что конкретно меня, радует. https://developers.google.com/web/updat … cy-changes

Нужно изучить.

Отредактировано rusiq (2020-03-10 07:29:07)

rusiq · 2020-03-10 07:36:40

Не охота изучать, вот такая штука должна работать некоторое время, хотя бы

{# Если это главная страница #}
{% if isHandler('news:main') %}
<script>
document.addEventListener('DOMContentLoaded', function(documentEvent) {
    // Создаем кнопку.
    const button = document.createElement('button');
    
    // Добавляем слушателя.
    button.addEventListener('click', function(buttonEvent) {
        // Создаем объект аудио.
        const media = new Audio('https://img.imgsmail.ru/static.promo/sounds/notifier/bell.mp3');

        // Воспроизводим аудио.
        media.play();
    });
    
    // Программно кликаем по кнопке.
    button.click();
});
</script>
{% endif %}

Отредактировано rusiq (2020-03-10 07:38:20)

irbees2008 · 2020-03-10 10:56:15

Раньше можно было и в закладки браузера добавлять с сайта,а сейчас только через cmd-d

ahatomik · 2020-03-15 23:18:53

rusiq, на самом деле... я с тобой полностью согласен. Я в начале загорелся а потом прочитал и понял, что реально судить по себе будет не верно и многие будут просто закрывать сайт.
Импульсивное решение друга и мое - сейчас у ребят спрошу... в общем. Спасибо за обратную связь. Пусть кому это будет нужно прочитают и увидят решение задачки такого типа.
Спасибо парни!

Next Generation CMS :: Форум поддержки

Объявление

#1 2020-03-09 23:57:18

Приветствие при входе на сайт

#2 2020-03-10 06:58:29

Re: Приветствие при входе на сайт

#3 2020-03-10 07:12:07

Re: Приветствие при входе на сайт

#4 2020-03-10 07:28:42

Re: Приветствие при входе на сайт

#5 2020-03-10 07:36:40

Re: Приветствие при входе на сайт

#6 2020-03-10 10:56:15

Re: Приветствие при входе на сайт

#7 2020-03-15 23:18:53

Re: Приветствие при входе на сайт

Подвал форума