我正在使用HTML5对游戏进行编程；我现在遇到的障碍是如何播放音效。
具体要求数量很少：
- 播放和混合多种声音，
- 多次播放同一样本，可能会重复播放，
- 随时中断样本播放，
- 最好播放包含（低质量）原始PCM的WAV文件，但是我当然可以转换它们。
我的第一种方法是使用HTML5 <audio>元素并定义页面中的所有声音效果。Firefox只是播放桃花心的WAV文件，但#play多次调用实际上并不会多次播放示例。根据我对HTML5规范的了解，该<audio>元素还跟踪播放状态，因此可以解释原因。
我的直接想法是克隆音频元素，因此我创建了以下微型JavaScript库来为我做这件事（取决于jQuery）：
var Snd = {
init: function() {
$("audio").each(function() {
var src = this.getAttribute('src');
if (src.substring(0, 4) !== "snd/") { return; }
// Cut out the basename (strip directory and extension)
var name = src.substring(4, src.length - 4);
// Create the helper function, which clones the audio object and plays it
var Constructor = function() {};
Constructor.prototype = this;
Snd[name] = function() {
var clone = new Constructor();
clone.play();
// Return the cloned element, so the caller can interrupt the sound effect
return clone;
};
});
}
};
因此，现在我可以Snd.boom();从Firebug控制台进行播放snd/boom.wav，但仍然不能多次播放相同的样本。似乎该<audio>元素实际上更多是流功能，而不是用来播放声音效果的东西。
有没有一种巧妙的方法可以使我想不到的事情发生，最好仅使用HTML5和JavaScript？
我还应该提到，我的测试环境是Ubuntu 9.10上的Firefox 3.5。我尝试过的其他浏览器-Opera，Midori，Chromium和Epiphany-产生了不同的结果。有些不玩任何东西，有些则抛出异常。
您可以随时尝试
AudioContext获得有限的支持，但这是Web音频api工作草案的一部分。如果您计划将来发布某些内容，那可能是值得的。而且，如果您只为chrome和Firefox编程，那您就是无价之宝。