audioタグでの負荷がかからない重複再生方法とは？

Question

audioタグによるJavaScriptでの音源の重複再生では、
このページよりaudioタグを追記してその個数分重複させる必要があります。
ブラウザゲーム、特にFPSでの銃の発砲音(ダダダダダダダダ...)ではどのような処理で重複再生をしているのでしょうか？
audioタグを作って削除、作って削除...ではページに非常に負荷がかかると思います。
ブラウザゲームを作る予定なので、負荷がかからない重複再生方法がに非常に気になります。

Answer 1

負荷がかからない重複再生方法

抑制できる負荷は限られますが、以下の4つでしょうか。

1. audio 要素は１つにする。文書木に追加したら削除しない。(実際に音声出力する)
2. AudioContext も インスタンスを１つに絞る。(ArrayBufferとAudio要素との受け渡し)
3. ArrayBuffer を WebAudioContext にこまめに渡す形で再生する。(音声リソース)
4. 再生したい音声の ArrayBuffer をメモリ上でキャッシュ管理する（LRU）。

手法 1. については、音声以外にも言える必須事項と思います。

• HTML5Rocks ブラウザの仕組み - 「ブラウザ レンダリング」で検索
• リフローと呼ばれる挙動も考慮する必要があります。 - 「ブラウザ リフロー」で検索

手法 2. 3. については、音声データを ArrayBuffer レベルで扱う。

手法 4. は Ajax などの通信時間を抑制する工夫になります。

ブラウザゲームを作る予定

gitHubにて RPGツクールのコアスクリプト （フレームワーク）は MITで公開されています。

• js/rpg_managers/AudioManager.js
• js/rpg_core/WebAudio.js
• js/rpg_core/Html5Audio.js

以上の３つが音声再生のための実装として参考になると思いますが、ファイル読み込みに関連した実装（DataManager）で扱うJSON情報は、製品をお持ちでないと難解かもしれません。