Добавление звука на сайт при действиях пользователя. Как сделать звук на сайте
В данном примере показано, как можно применить звук для работы в личном кабинете пользователя.
При наведении на ссылки, кнопки будет воспроивзодится быстрый резкий звук. При клике - воспроизводится звук клика мыши. Особенно забавно будет услышать клик мыши на телефоне :)
Конечно в реальном приложении важно не переборщить с этим и дать возможность отключать, т.к. в итоге может быть негатив пользователя.
Как добавить звук на сайт
Добавляем 2 параметра в HTML:
При клике будет звук клика мыши
<input type="hidden" class="as-enableClickSound" value="body">
При наведении курсора на кнопки будет воспроизводится звук
<input type="hidden" class="as-enableHoverSound" value="a,button"> В папку /uploads/mp3/ необходимо поместить файлы click.mp3, hover.mp3
В настройках мы указываем селектор jQuery, на который будет распространяться событие звука.
Вы можете сделать свое кастомное решение со звуком на JS. Пример:
$(document).delegate('.class1', 'click', function (e) {
as.tools.playAudio("/uploads/mp3/click.mp3");
}); Другие модули
Поздравление клиента с днем рождения. Как увеличить касания с клиентами
Оконный интерфейс пользователя в личном кабинете на сайте - терминалы
Управление статусом заявки на сайте
Отправка действий в браузер пользователю (пуш, алерт и т.д.)
Копирование текста в буфер обмена
Горизонтальный скроллинг на телефоне - прокрутка панелей вправо на мобильном экране
Последние обновления
Форма 13.08.2024
Таблица 03.06.2024
Таблица 23.09.2023
15.09.2023
02.08.2023
Визуализация 02.08.2023
Визуализация 01.08.2023
Таблица 18.03.2023
Форма 19.12.2022
Таблица 06.12.2022
Форма 01.12.2022
Форма 21.11.2022
Форма 17.11.2022
Форма 10.11.2022
Таблица 16.09.2022
Разное 14.09.2022
Таблица 09.09.2022
Форма 31.07.2022
Страницы 31.07.2022
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства