如何在 javascript 应用程序中播放短音效？答案

【问题标题】：How can I play a short sound effect in a javascript app?如何在 javascript 应用程序中播放短音效？
【发布时间】：2011-10-02 12:12:39
【问题描述】：

我正在完成我的 javascript 应用程序的第一个版本，我想添加声音效果。在网络浏览器中使用 javascript 播放短声音（mp3 或 wav 或其他格式）的推荐方法是什么？我有十种声音我想预先加载并能够在应用程序执行期间播放。

我创建了这个小型测试应用，但无法播放音频。也许有人可以告诉我哪里出错了：

<html>
<head>
    <title>Sound Test</title>
    <script type="text/javascript" src="raphael.js"></script>
</head>
<body>
    <div id="debugPane" style="width: 300px; height: 500px; float: left; background-color: #EEEEEE; margin-left: 10px; border-style: solid; border-width: 1px;"></div>
    <script type="text/javascript">
        try {
            var snd = new Audio("mp3/1.mp3");
            alert(snd.src);
            snd.play();
        } catch (err) {
            document.getElementById("debugPane").innerHTML += "" + err.message;
        }
    </script>
</body>
</html>

正在选择正确的文件。但是，当我指向一个不存在的文件时，我没有得到任何异常。该文件很高兴地报告它的 src 是什么，即使它实际上不在我的文件系统上。

【问题讨论】：

你想要什么样的浏览器支持？
我不关心旧浏览器:)
可能重复：stackoverflow.com/questions/10105063/…

标签： javascript html audio

【解决方案1】：

function playSound(soundfile) {
 document.getElementById("dummy").innerHTML = 
 "<embed src='"+soundfile+"' hidden='true' autostart='true' loop='false' />";
}

其中 dummy 是页面某处的隐藏 div。

【讨论】：

【解决方案2】：

它最终在 Windows 和 Mac 的 Chrome 和 Safari 中一直运行。我的开发盒是 Chromium/Ubuntu 环境，要么不受支持，要么我的声音配置错误。事实上，到目前为止，它在任何浏览器的 Ubuntu 中都无法使用。

【讨论】：