跨平台，跨浏览器的方式来播放Java脚本中的声音？[重复]

我正在编写一个dhtml应用程序，该应用程序创建系统的交互式仿真。用于模拟的数据是从另一个工具生成的，并且已经有大量的旧数据。

模拟中的某些步骤要求我们播放音频的“浊音”片段。我一直找不到在多个浏览器上完成此操作的简便方法。

Soundmanager2几乎可以满足我的需要，但它只能播放mp3文件，并且旧数据也可能包含一些.wav文件。

有没有其他图书馆可能会对您有所帮助？

您将必须包含Real Audio或QuickTime之类的插件来处理.wav文件，但这应该可以工作...

//======================================================================
var soundEmbed = null;
//======================================================================
function soundPlay(which)
    {
    if (!soundEmbed)
        {
        soundEmbed = document.createElement("embed");
        soundEmbed.setAttribute("src", "/snd/"+which+".wav");
        soundEmbed.setAttribute("hidden", true);
        soundEmbed.setAttribute("autostart", true);
        }
    else
        {
        document.body.removeChild(soundEmbed);
        soundEmbed.removed = true;
        soundEmbed = null;
        soundEmbed = document.createElement("embed");
        soundEmbed.setAttribute("src", "/snd/"+which+".wav");
        soundEmbed.setAttribute("hidden", true);
        soundEmbed.setAttribute("autostart", true);
        }
    soundEmbed.removed = false;
    document.body.appendChild(soundEmbed);
    }
//======================================================================

如果您使用的是原型，则Scriptaculous库具有完善的API。jQuery似乎也有一个插件。

dacracots的代码是基本的dom，但是编写时可能没有经过深思熟虑？当然，您首先要检查早期嵌入的存在，然后保存重复的嵌入创建行。

var soundEmbed = null;
//=====================================================================

function soundPlay(which)
{
    if (soundEmbed)
       document.body.removeChild(soundEmbed);
    soundEmbed = document.createElement("embed");
    soundEmbed.setAttribute("src", "/snd/"+which+".wav");
    soundEmbed.setAttribute("hidden", true);
    soundEmbed.setAttribute("autostart", true);
    document.body.appendChild(soundEmbed);
}

在寻找某种类似情况的解决方案时，遇到了这里的想法。不幸的是我的浏览器Mozilla / 5.0（X11; U; Linux i686; zh-CN; rv：1.9.0.15）Gecko / 2009102814 Ubuntu / 8.04（hardy）Firefox / 3.0.15在尝试此操作时死了。

安装最新更新后，Firefox仍然崩溃，Opera仍然存在。

我认为，最简单，最方便的方法是使用小型Flash剪辑播放声音。我很欣赏这不是JavaScript解决方案，但它是实现目标的最简单方法

前一个类似问题的一些额外链接：

• Scriptaculous，一个Javascript库：http：//github.com/madrobby/scriptaculous/wikis/sound
• 一个开源Flash项目：Easy Flash Player for Flash http://emff.sourceforge.net/

您可以使用HTML5<audio>标签。

我喜欢dacracot的答案...这是jQuery中的类似解决方案：

function Play(sound) {
    $("#sound_").remove()
    $('body').append('<embed id="sound_" autostart="true" hidden="true" src="/static/sound/' + sound + '.wav" />');
}

<audio controls>
  <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/html/html5_audio.asp。

如果您使用的是Mootools，则可以使用MooSound插件。

有一个比使用插件更简单的解决方案。IE具有它自己的bgsound属性，还有另一种方法可以使它适用于所有其他浏览器。在这里查看我的教程= http://www.andy-howard.com/how-to-play-sounds-cross-browser-includes-ie/index.html

对于带有wav文件的跨浏览器解决方案，我建议将<audio>标签设置为默认值，然后再选择<embed>@dacracot在此之前建议的解决方案（如果用户使用的是IE），则可以通过在SO中进行一些搜索轻松地进行检查。