Hover audio file (and stop playback when output)

Question

What is the best solution for playing an audio file with your mouse via JavaScript? And stop it when the mouse leaves the link. JQuery is available.

<a href="/test.mp3" class="play">play</a>

Answer 1

<audio id="mysound" src="mysound.wav"></audio>
<button onmouseover="document.getElementById('mysound').play()" onmouseout="document.getElementById('mysound').pause()">Hover me!</button>

Answer 2

http://www.schillmania.com/projects/soundmanager2/
Provides HTML5 + legacy support.

Answer 3

<script type="text/javascript">
    (function($) {
        $(function(){
                $("a.play").each(function() {
                  $(this).mouseover(function(){ 
                       var mp3file = $(this).attr('href');
                       // asign this mp3file to the player and play it
                  }).mouseout(function() { 
                       // tell the mp3 player to stop
                  });
                });
        });
    })(jQuery);
</script>

you can use the player that unomi suggested. works great