HTML5オーディオ - 前の繰り返しが終了しても、クリックしても音を繰り返し再生します。

Question

私はwavファイルをクリックして再生するゲームを作成しています。この場合は銃声 "バン"です。

問題は、急速にクリックすると、クリックごとに音が1回再生されないということです。音が再生されている間は無視され、音が終了すると再びクリックを聞き取り始めます。

<audio id="gun_sound" preload> 
    <source src="http://www.seancannon.com/_test/audio/gun_bang.wav" /> 
</audio> 

は、ここに私のJSです：：遅延はここに私のHTMLだ誰かが毎秒4または5回をクリックした場合、私は5つの前髪、ない1

をしたい把握ので、約1秒の長であるように思わ

$('#' + CANVAS_ID).bind(_click, function() { 
    document.getElementById('gun_sound').play(); 
    adj_game_data(GAME_DATA_AMMO_ID, -1); 
    check_ammo(); 
}); 

アイデア？

Answer 1

gun_bang.wavがプリロードされると、そのサウンドが付加された新しい要素を動的に作成し、オーディオを再生し、オーディオが終了したら削除することができます。

function gun_bang(){ 
     var audio = document.createElement("audio"); 
     audio.src = "http://www.seancannon.com/_test/audio/gun_bang.wav"; 
     audio.addEventListener("ended", function() { 
      document.removeChild(this); 
     }, false); 
     audio.play(); 
    } 

    $('#' + CANVAS_ID).bind(_click, function() { 
     gun_bang(); 
     adj_game_data(GAME_DATA_AMMO_ID, -1); 
     check_ammo(); 
    }); 

Answer 2

、私はそれが非常に遅く答えを知っているが、私はしたかったが、私は私の場合には最適なものは、サウンドをプリロードして、私が欲しいたびに再生するためにノードのクローンを作成することがわかったソリューションを求めて

var sound = new Audio("click.mp3"); 
sound.preload = 'auto'; 
sound.load(); 

function playSound(volume) { 
    var click=sound.cloneNode(); 
    click.volume=volume; 
    click.play(); 
} 

Answer 3

あなたがあなた自身のプログラム固有のクリックロジックと、次のラップすることができますが、以下の3銃が同時に聞こえる示しています。それは、これは以前に終了していないなら、私もそれを再生することができます。何らかの遅延が必要な場合は、小さなsleep（）関数を導入することができます（このための多くのクルーハックが簡単に見つかります）。または、setTimeout（）を使用して後続の関数を呼び出すことができます。

<audio id="gun_sound" preload="preload"> 
    <source src="http://www.seancannon.com/_test/audio/gun_bang.wav" /> 
</audio> 

<script type="text/javascript"> 
jQuery(document).ready(function($){ 

    $('#gun_sound').clone()[0].play(); 
    $('#gun_sound').clone()[0].play(); 
    $('#gun_sound').clone()[0].play(); 

}); 
</script>