The library creates HTML5 audio element and uses it to play mp3/ogg audio files which is currently supported in all browsers.
It’s super simple, attach the library to your project and follow these 3 steps:
At the root of your website directory create a folder named “sounds” with 2 more folders inside it with the names “mp3” & “ogg”.
Add the class “loud-link-hover” to any link/element that you want to give a sound on hover.
<div class=“loud-link-hover”></div>Or add the class “loud-link-click” to any link/element that you want to give a sound on click.
<div class=“loud-link-click”></div>Add the attribute data-src” to the element & write in it the name of your sound without the extension.
<div class=“loud-link-hover” data-src=“sound”></div>