如何使此JavaScript触发声音文件？

Question

我将此javascript放在head标签中：

<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>

我将以下代码放在页面中间的div中：

<span id="dummy"></span>
<a href="javascript: void(0);" onclick="playSound('singing-bowl.wav');"><img id="bowl"       
src="pics/singing-bowl.gif" height="119" width="157" /></a>

没用 我不太了解javascript，但这应该可以从我复制它的源中获得。 我已经尝试过使用mp3版本和wav版本。 都没有为我工作。

有什么线索吗？

Answer 1

你可以试试这个

function playSound(val)
{
   var sound = new Audio(val);
   sound.addEventListener('canplaythrough', function() { 
     // your call back function
       // for example to play the sound
       sound.play();
   }, false);
}

更加高效

var sound =null;
var isReady = false;
window.onload = function()
{
   sound = new Audio('singing-bowl.wav');
   sound.addEventListener('canplaythrough', function() { 
        isReady = true;
   }, false);

}
function playSound()
{
    if(isReady)
    sound.play();
}

Answer 2

如果您没有支持旧版浏览器的要求，建议您使用html5，

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

并且请注意，不同的浏览器支持不同的类型

http://www.w3schools.com/tags/tag_audio.asp