javascript - 如何使用音频 API 分层相同的声音文件？

Question

我有一个 2 秒长的声音。它与 Enter 键绑定(bind)。我希望能够每秒多次按下 Enter 键，从而启用同一声音的多层。

目前我可以启动声音，但在第一个声音完成之前不会播放下一个声音。

这是我的代码，可以工作，但不会在多个按键上分层声音:

        	var fart = new Audio('http://www.soundjay.com/human/fart-01.wav');

        	$(document).keydown(function(e) {
        	    if(e.keyCode == 13)
        	    {
        	    	fart.play();
        	    }
        	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Click here then press enter.

这看起来可能包含答案，但我无法获得任何对我有用的可执行代码:Sound effects in JavaScript / HTML5

Answer 1

Audio.play 方法不是异步的。因此，您的 play() 方法会“等待”(正确的术语是“ block ”)，直到完成后再返回主循环。

大多数 JavaScript 调用都是阻塞的(并且是单线程的)，因此您的应用程序通常会等待某些内容完成，然后再转到下一行。要在 JavaScript 中执行异步操作，您需要使用 setTimeout 或 setInterval 之类的方法来调用函数。