使用 HTML5 音频的按钮悬停声音

Question

当用户将鼠标悬停在我的列表项按钮之一上时，是否可以使用 HTML5 发出声音？当用户将鼠标悬停在导航按钮上时，我想播放一次非常短的点击/鸣叫声。我意识到它不会在每个浏览器或设备上兼容，只要它能够正常降级就可以了。出于某种原因，使用 Flash 会更好吗？

编辑
另外，如果可以做到这一点，我会对一些示例代码感兴趣，包括 javascript（如果需要 javascript）。我对 HTML 很熟悉，但对 Javascript 不太好用。

Answer 1

我没有做过这样的事情，但应该是可能的。例如，

<audio id="myaudio" src="myaudio.mp3"></audio>

<button onmouseover="document.getElementById('myaudio').play()">Hover me</button>

我对 Flash 不熟悉，所以我不确定是否可以使用 JavaScript 来播放 Flash 文件。

Answer 2

这是一个古老的答案，现在你真的可以使用 HTML5 了。

---

我不建议悬停时发出声音。用户很容易生气（我会的）。

无论如何，方法如下，它不需要 HTML5：

1) 使用简单的 javascript 来播放声音

<script>
    function EvalSound(soundobj) {
        var thissound=document.getElementById(soundobj);
        try {
            thissound.Play(); //Quicktime, Windows Media Player, etc.
        }
        catch (e) {
            thissound.DoPlay(); //Real Player
        }
    }
</script>

2) 使用声音进行不可见的嵌入

<embed src="mysound.wav" 
       autostart=false 
       width=0 
       height=0 
       id="mySound" 
       enablejavascript="true" />

3)使其在悬停时播放

<ul id="myList">
    <li onHover="EvalSound('mySound')">Foo</li>
    <li onHover="EvalSound('mySound')">Bar</li>
</ul>

或者，使用 jQuery 附加事件：

<script>
    $(document).ready(function() {
        $('#myList').hover(EvalSound('mySound'));
    });
</script>

Edited 因为 realplayer 使用 DoPlay() 而不是 Play()。