Sound effect

[XLD]

Hi,

is it possible to add a Sound Effect (.mp3) to an Expand/Collapse Row link?

Thanks in advance!

[arminunruh]

<script>
var mysound = new Audio('http://localhost:10020/wp-content/uploads/2025/03/mixkit-fast-double-click-on-mouse-275.wav');

jQuery(document).on('mouseup', 'a[data-expand]', function(){
    mysound.play();
})
</script>

Enter this css in "lay options" -> "custom css & html" -> "custom head content"

for the url part, get the right URL like this:

upload a short sound to media library, click on the file, you get the file url:

for me, its:

http://localhost:10020/wp-content/uploads/2025/03/mixkit-fast-double-click-on-mouse-275.wav

i got this file from here:

https://mixkit.co/free-sound-effects/click/

[XLD]

Fantastic!
Thanks a lot for the quick response, Armin.

[XLD]

One more question:
How can I avoid audio latencies caused by low bandwidth?
Is it possible to preload the sounds?

[arminunruh]

not sure! maybe put audio element inside the page html

<audio style="display:none;" preload="auto" src="http://localhost:10020/wp-content/uploads/2025/03/mixkit-fast-double-click-on-mouse-275.wav"></audio> 

Enter this html in "lay options" -> "custom css & html" -> "custom html at bottom"

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

most browsers and mobile devices only play sounds once you have interacted/tapped on the website at least once