एचटीएमएल 5 ऑडियो - क्लिक पर बार-बार ध्वनि चलाएं, भले ही पिछली पुनरावृत्ति

Question

समाप्त हो गई हो, मैं एक गेम बना रहा हूं जिसमें एक वैव फ़ाइल क्लिक पर खेलती है - इस मामले में यह एक बंदूक ध्वनि "बैंग" है।

समस्या यह है कि यदि मैं तेज़ी से क्लिक करता हूं, तो यह प्रत्येक क्लिक के लिए एक बार ध्वनि नहीं चलाएगा - ऐसा लगता है जैसे ध्वनि बजाने के दौरान क्लिक को नजरअंदाज कर दिया जाता है, और एक बार ध्वनि समाप्त होने के बाद, यह फिर से क्लिक सुनना शुरू कर देता है । देरी के बारे में एक सेकंड लंबी लगती है, तो आप जान सकते हैं कि किसी को प्रति सेकंड 4 या 5 बार क्लिक करता है, मैं 5 बनूंगी, नहीं 1.

चाहते यहाँ मेरी HTML है:

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

यहाँ मेरी जे एस है:

$('#' + 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 बंदूक एक ही समय में लग रहा है दर्शाता है। यदि आप किसी भी प्रकार की देरी चाहते हैं, तो आप एक मामूली नींद() फ़ंक्शन पेश कर सकते हैं (इसके लिए कई क्लेज हैक्स आसानी से पाए जाते हैं), या आप बाद वाले लोगों को कॉल करने के लिए 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>