Biblioteca JavaScript para añadir efectos de sonido de interacción a cualquier elemento-enlaces fuertes

Tiempo de ejecución: 30 minutos. Empezar

Autor: MahdiF
Views Total: 3,361
Sitio oficial: Ir a la web
Actualizado: February 1, 2016
Licencia: MIT

Vista prévia

Biblioteca JavaScript para añadir efectos de sonido de interacción a cualquier elemento-enlaces fuertes

Descripción

LOUD links es una pequeña librería JavaScript de dependencias cero que añade efectos de sonido HTML5 interactivos a cualquier elemento DOM. Puede activarse al pasar el ratón o hacer clic.

Funcionamiento

Coloca tus audios HTML5 en carpetas ' MP3 ' y ' ogg '. La estructura del archivo debe ser así:

sounds/mp3/sound-1.mp3
sounds/ogg/sound-1.ogg

Coloque la biblioteca JavaScript de enlaces ruidosos al final del documento.

<script src="js/loudlinks-1.0.min.js"></script>

Añade un efecto de sonido al botón que se reproduce en el ratón.

<button class="loud-link-hover" data-src="audio-name" type="button" name="button">Hover over me</button>

Añade un efecto de sonido al botón que se reproduce al hacer clic.

<button class="loud-link-click" data-src="audio-name" type="button" name="button">Click me</button>

Te puede interesar: