jquery - 即时在keydown()上重放音频

Question

我试图按键盘上的键时播放音频。由于某种原因，在音频文件播放完毕之前，我无法重播相同的声音。

这是我的html设置:

<audio id="65" src="assets/sounds/tom.wav"></audio>
<audio id="83" src="assets/sounds/tink.wav"></audio>
<audio id="68" src="assets/sounds/kick.wav"></audio>
...

和jQuery

$(document).keydown(function(e) {
var code = e.which;
$("#"+code).get(0).play();
});

因此，如果tom.wav为4秒长，我可以在键盘上任意多次敲击“A”。在这4秒钟过去之前，它将不再播放。

有任何想法吗？

Answer 1

要重新启动音频文件，您需要先将其暂停，然后将其currentTime设置为0，然后才能再次播放。试试这个:

$(document).keydown(function(e) {
  var audio = $('#' + e.which)[0];
  audio.pause();
  audio.currentTime = 0;
  audio.play();
});