Добавление звука на сайт при действиях пользователя. Как сделать звук на сайте

Нажми на меня Или на меня

В данном примере показано, как можно применить звук для работы в личном кабинете пользователя. 

При наведении на ссылки, кнопки будет воспроивзодится быстрый резкий звук. При клике - воспроизводится звук клика мыши. Особенно забавно будет услышать клик мыши на телефоне :)

Конечно в реальном приложении важно не переборщить с этим и дать возможность отключать, т.к. в итоге может быть негатив пользователя.

Как добавить звук на сайт

Добавляем 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");
});    

Другие модули

Последние обновления

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства