Sounds and Websites: A Question of Taste
Of course, of course. You don’t need to say it. Sound on a website is so 90s and it was annoying back then already. I know this opinion and it can be justified as well. However, using sounds can be also justified on many websites. Here at Noupe, we’ve just recently dealt with the topic in a more general way.
To say it right away, Loud Links doesn’t want to flood your UI with music. It has only been created to set sounds for interactions. Precisely said, Loud Links can only add sound to two different states. While you can generally apply Loud Links to any element on your website, the sounds will only ring while clicking or hovering over an element with the mouse.
Loud Links: How to
If you want to use Loud Links, you need to create a folder named
sounds in your website’s root directory. Within this folder, create two more folders named
loud-link-click. Using the HTML5 data attribute, you can add the specific sound without entering the file extension. This means, instead of
sound.mp3, you only need to enter
I’ll give you two examples:
That’s it. From now on, your website will give audible feedback on the interactions.
Loud Links is available for free download on Github. Unfortunately, Mahdi didn’t specify a license yet, so I can not say whether you can use Loud Links for commercial purposes or not. However, I would be surprised if it wasn’t the case. Just to be safe, ask Mahdi before you use it commercially.
Ioanni Mitsakis is front-end developer at a major European automotive supplier and responsible for the look & feel of their internal cloud-based apps. As his employer works internationally with distributed teams world-wide, a rock-solid development foundation is what Ioanni aims for. He better should ;-)