在悬停时播放音频文件（并在mouseout上停止播放）

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

http://www.schillmania.com/projects/soundmanager2/
提供HTML5 +传统支持

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>

你可以使用unomi建议的播放器。效果很好