Question

我正在最终确定我的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是什么，即使它实际上不在我的文件系统上。

Answer 1

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

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

Answer 2

它最终在Windows和Mac中的Chrome和Safari中工作。我的开发盒是一个Chromium / Ubuntu环境，不支持，或者我的声音配置错误。实际上，到目前为止它在任何浏览器的Ubuntu中都不起作用。

如何在javascript应用中播放短音效？

2 个答案: