伙计们,我想将鼠标悬停在按钮上时播放声音。我试图阅读低谷的例子,但似乎没有用。现在是我的代码:

<audio id="mySoundClip">
  <source src="/sound/c_but.mp3" type="audio/mp3" />
 </audio>
<script type="text/javascript">
    var mysound = document.getElementById("mySoundClip");
</script>
<div class="whole">
<div id="social">
    <a href="#"><img name="faceb" src="img/social/up_fb.png" width="40" onMouseOver="faceb.src='img/social/o_fb.png'; mysound.play();" onMouseOut="faceb.src='img/social/up_fb.png'" class="soc"/></a>
    <a href="#"><img name="goobu" src="img/social/up_gb.png" width="40" onMouseOver="goobu.src='img/social/o_gb.png'" onMouseOut="goobu.src='img/social/up_gb.png'" class="soc"/></a>
    <a href="#"><img name="myspa" src="img/social/up_ms.png" width="40" onMouseOver="myspa.src='img/social/o_ms.png'" onMouseOut="myspa.src='img/social/up_ms.png'" class="soc"/></a>
    <a href="#"><img name="twitt" src="img/social/up_tw.png" width="40" onMouseOver="twitt.src='img/social/o_tw.png'" onMouseOut="twitt.src='img/social/up_tw.png'" class="soc"/></a>
</div>
</div>

如您所见,将鼠标悬停在第一张图片上-facebook链接应触发我的声音..但这不是。这是我的链接http://work.juanalvarezdj.com您能帮忙吗?我究竟做错了什么?

最佳答案

Firefox当前不以您想要的方式支持AUDIO标记。从MDN:



https://developer.mozilla.org/en/HTML/Element/audio

http://html5doctor.com/native-audio-in-the-browser/

要使其在Firefox中工作,您可以检测到Firefox并将文件类型切换为Ogg或WAV文件格式,这将起作用。我建议也去看一下音频库。

http://www.jplayer.org/

10-05 21:01
查看更多