Sound on hover / mose over

[gdk]

Hi, I try to play a mp3 which pronounces my name when I hover over it. Therefor I try to use this script:

<script>

window.laytheme.on("newpageshown", function(layoutObj, type, obj){
var s1 = new Audio("http://koekkoek.xyz/wp-content/uploads/2020/05/kuckuck.mp3");
jQuery("#note1").mouseover(function() { playme(s1); });

function playme(n) {
n.play();
}

});

</script>

and put it inside my post here as like this:

<span id="note1">[ˈkʊkʊk]</span>

but it doesnt work at all. Where exactly do I have to place the js code? Inside the custom html / header?

thats the site I try to integrate it: http://koekkoek.xyz/info

thank you!

[gdk]

somehow this only works if I jump onto another site and go back to my site with the back function of my browser.

[mariusjopen]

Dear @gdk
this might be connected with the browser which stops autoplay of sound before you did not click on the website.
Best!
Marius