私は 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;
      };
    });
  }
};