JavaScript / HTML5中的音效

Question

我正在使用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--产生了不同的结果。有些人不玩任何东西，有些人抛出异常。