JSFiddle - React, Tailwind, and code Playground

HTML

<audio id="sound1" preload="auto" src="http://www.jezra.net/audio/skye_boat_song.ogg" autoplay controls></audio>

<div id="changemytune">  Hover Here!</div>

CSS

#changemytune {position:absolute; top: 130px; height: 100px; width: 100px; background: red;}

JavaScript

function changeAudio(song){
    audio = document.getElementById("sound1");
    audio.src = song;
    audio.load();
    audio.play();
}

$("#changemytune").mouseenter(function () {
    changeAudio("http://jeffrey-way.s3.amazonaws.com/zelda.ogg");
})
    
                .mouseleave(function () {
    changeAudio("http://www.jezra.net/audio/skye_boat_song.ogg");
});