Loud Links: JavaScript Adds Sound to Your Website

Enlaces ruidosos: JavaScript agrega sonido a su sitio web

El pequeño JavaScript Loud Links agrega sonidos a su sitio web al hacer que los enlaces y otros elementos sean audibles a través de elementos de audio HTML5 que proporcionarán comentarios audibles al hacer clic o pasar el mouse. Todo lo que necesitas para eso son archivos de sonido como MP3 y OGG. La solución funciona en todos los navegadores comunes.

Sonidos y sitios web: una cuestión de gusto

Por supuesto por supuesto. No necesitas decirlo. El sonido en un sitio web es tan de los 90 y ya era molesto en ese entonces. Conozco esta opinión y también puede estar justificada. Sin embargo, el uso de sonidos también se puede justificar en muchos sitios web. Aquí en Noupe, recientemente tratamos con el tema de una manera más general.

Enlaces ruidosos es un pequeño JavaScript del bolígrafo digital del diseñador y desarrollador de UX con sede en Rotterdam Mahdi Al-Farra. Mahdi comienza algo que él llama proyectos de fin de semana de forma regular, y Loud Links es uno de los resultados más interesantes de estos trabajos urgentes.

Enlaces ruidosos: JavaScript agrega sonido a su sitio web

Para decirlo de inmediato, Loud Links no quiere inundar su interfaz de usuario con música. Solo se ha creado para establecer sonidos para las interacciones. Dicho con precisión, Loud Links solo puede agregar sonido a dos estados diferentes. Si bien generalmente puede aplicar enlaces fuertes a cualquier elemento de su sitio web, los sonidos solo sonarán al hacer clic o al pasar el mouse sobre un elemento.

Enlaces ruidosos: JavaScript agrega sonido a su sitio web

La biblioteca de JavaScript crea un audio HTML5 para el elemento marcado respectivo y utiliza archivos MP3/OGG ​​para reproducir el sonido respectivo. Si posee fragmentos de sonido adecuados, usar Loud Links es muy fácil. Se puede encontrar una gran cantidad de fragmentos en las profundidades de la web.

Enlaces ruidosos: cómo

Si desea utilizar Loud Links, debe crear una carpeta denominada sounds en el directorio raíz de su sitio web. Dentro de esta carpeta, cree dos carpetas más llamadas mp3 y ogg.

Después de integrar el JavaScript en su documento HTML de la manera habitual, marque los enlaces de otros elementos a los que desea agregar sonido con la clase loud-link-hover o loud-link-click. Usando el atributo de datos HTML5, puede agregar el sonido específico sin ingresar la extensión del archivo. Esto significa, en lugar de sound.mp3, solo debes ingresar sound.

Te daré dos ejemplos:

o

Eso es. A partir de ahora, su sitio web brindará comentarios audibles sobre las interacciones.

Loud Links está disponible para su descarga gratuita en Github. Desafortunadamente, Mahdi aún no especificó una licencia, por lo que no puedo decir si puede usar Loud Links con fines comerciales o no. Sin embargo, me sorprendería que no fuera así. Solo para estar seguro, pregúntele a Mahdi antes de usarlo comercialmente.

(dpe)

#Enlaces #ruidosos #JavaScript #agrega #sonido #sitio #web

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *