javascript - 无需安装媒体播放器扩展即可播放声音

Question

我正在尝试在拍卖网站中嵌入声音。我希望每次有人出价时都会播放声音。我尝试了一个简单的 <embed>具有给定 ID 的标签，然后 sound.play()通过 JavaScript。

声音正在播放，但在 IE 中，新用户被要求安装媒体播放器扩展“如果他/她信任该网站”。

有没有办法让它在没有此消息的情况下播放。页面中的代码如下:

在 HTML 中:

<embed src="success.wav" autostart="false" width="0" height="0" id="sound1" 
       enablejavascript="true">

在 JavaScript 中:

function PlaySound(soundObj) {

  var sound = document.getElementById(soundObj);
  sound.Play();
}

以及对函数的调用:

PlaySound("sound1");

Answer 1

如果您愿意要求用户安装 Flash，我建议 SoundManager2 。它在后台使用 Flash，但完全通过 JavaScript 进行配置，并且非常可定制。

如果您想在浏览器中完全本地完成此操作，您可以使用 <audio>标签，但您会发现它只适用于最新的浏览器，并且您仍然会遇到一些跨浏览器问题。 This Ajaxian article很好地概述了如何操作以及哪些浏览器支持哪些音频格式。

附注如果您不介意的话，个人意见是:在未先询问用户的情况下，不要播放背景声音或音乐。切勿自动播放，并始终为用户提供停止或静音的选项。