javascript - html/javascript。为什么我的代码触发音频缓慢？

Question

我希望我的代码在用户只需按下键盘上的键时触发音频。
第一次？没关系。
但是如果我经常按下某个键，音频就会被缓慢触发。
这是我的 html 代码，加载音频文件。

<audio src = "./src/PMLF_Snare_02.wav" id = "audio"></audio> 

这是我触发音频文件的javascript代码。

$(function(){
    var audio = document.getElementById('audio');

    // Key Down     
    window.addEventListener('keydown', function(){
        //padding effect
        $("#"+event.key).css('padding',' 4px 5px 4px 5px');
        
        //play sound
        audio.pause();
        audio.currentTime = 0;
        audio.play();       
    });
 
    
    '  
    ' 
    (skip)
    '
    '

});

每当按下键时，我的代码会加载音频文件吗？
我怎样才能获得像 this site 这样的快速 react 声音?

Answer 1

我希望这会有所帮助，您可以尝试此代码，它是 vanilla JS 但正在工作，当您按 Enter 关键字(键码 13)时播放音频。祝你的项目好运!

  var audio = document.getElementById('audio');

    window.addEventListener("keydown", function(event) {
        if (event.keyCode === 13) {
            audio.play();
        };
  });