Воспроизведение аудио файла при наведении курсора (и прекращение воспроизведения при наведении мыши)

Question

Какое наилучшее решение для воспроизведения аудио файла при наведении курсора мыши на JavaScript? И остановите его, когда мышь покинет ссылку. JQuery доступен.

<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

<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>

Вы можете использовать плеер, предложенный Unomi. прекрасно работает

Answer 3

http://www.schillmania.com/projects/soundmanager2/
Обеспечивает поддержку HTML5 + legacy