JavaScript，在onmouseover事件中播放音效

我想这是一个常见问题，但是迄今为止我看到的所有教程和文章都没有帮助我。当光标位于也是链接的菜单图像上时，我想让它播放声音。 onmouseover事件中已经有另一条指令让图片闪烁，但我读过该事件可以有多条指令。下面的代码（抱歉，如果它看起来凌乱）JavaScript，在onmouseover事件中播放音效

<html> 
<head> 
<script type="text/javascript"> 
    var sonido=document.getElementById("neonclip"); 
</script> 
</head> 
<body> 
<audio id="neonclip"> 
    <source src="http://www.eleyte.net/portafolio/neon.mp3" type="audio/mp3"/> 
</audio> 
<div style="text-align: center; margin-top: 130px;"> 
<a href="pagelink"> 
<img onmouseover="this.src='img2'; 
sonido.play(document.getElementById('neonclip')) 
onmouseout="this.src='img1'"src="img1"/> </a> 
</div> 
</body> 
</html>

我这样做下面的一个例子，但没有奏效。我知道它会在Firefox中遇到问题，因为它不支持MP3格式，但那是另一回事。提前致谢！

来源

2013-03-21 AbianG

只有用户在两种格式之下才能在所有浏览器中播放声音。

<audio preload id="neonclip"> 
    <source src="sounds/dingdong/57718^DingDong.mp3" type="audio/mpeg"> 
    <source src="sounds/dingdong/dingdong.ogg" type="audio/ogg"> 
</audio>

并播放声音试试这个

<a href="pagelink"> 
<img onmouseover="this.src='img2'; document.getElementById('neonclip').play()" onmouseout="this.src='img1'"src="img1"/> </a>

来源

2013-03-21 10:28:57

仍然不会在IE玩，我还没有在Firefox中尝试过，因为我仍然在等待正确的格式文件。但是，正如我所说的，在Internet Explorer上，没有声音，也没有错误。并且在firebug中，唯一的错误是提示其文件格式为“audio/mpeg”的“Specified”type“属性不被支持。媒体资源的载入http://www.eleyte.net/portafolio/neon.mp3失败“这是合乎逻辑的MP3不兼容 – AbianG 2013-03-21 11:05:10

但在Firefox中支持”ogg“格式，IE不支持音频标签。 – 2013-03-21 11:07:33

然后它没有用，我需要一个全浏览器的解决方案...和上次我检查IE支持音频标签http://www.w3schools.com/tags/tag_audio.asp – AbianG 2013-03-21 11:10:58

JavaScript，在onmouseover事件中播放音效

回答

相关问题