javascript - 在 Javascript 上立即播放声音(无需等待完成)

Question

我用 html 和 .play 的键部分实现了播放声音.但是，它会等待轨道完成，并且不会让我在每次点击时立即播放。但是，我想每次按下它时立即触发声音。

<audio id=soundId1>
  <source src=sound/Saaa.wav>
</audio>
<audio id=soundId2>
  <source src=sound/Baaa.wav>
</audio>

$(document).ready(function() {

var sound = {
    65 : 'soundId1',
    23 : 'soundId2'
};

document.onkeydown = function(e) {
    var soundId = sound[e.keyCode];

    if (soundId) document.getElementById(soundId).play();
    else console.log("key not mapped : code is", e.keyCode);

}

有没有办法只使用上述方法而不使用任何库来实现它？

我还研究了 howler.js (我不知道它是否正确使用)，但我无法真正理解如何将多个轨道添加到字典中。我了解如何将文件放入声音字典但是如何调用它并将其链接到上面的 keyCode 系统？或者我应该添加一个new Howl分别为每个声音？

实现它的正确方法是什么？

Answer 1

这可能有效，但我没有尝试过:

function Sound(){
    this.src = ""
}

function playSound(source){
    var sound = new Sound();
    sound.src = source;
    sound.play()
}

创建一个新的声音实例，而不是覆盖前一个。