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事件中播放音效

回答

相關問題