javascript - 在Javascript中，是否有一种方法可以根据来自麦克风的实时输入来触发功能？

Question

我正在尝试创建一个有动画树的网站。当有人向其吹气时，这棵树就会掉下叶子。
具体来说，我想在麦克风获得某种音频输入后触发动画的落叶。我不知道这是怎么发生的。有人可以为此建议我一些新手教程吗？

我四处询问，并被告知我必须为此使用“Web Audio API”，但这也很难理解。

基本上，我想知道我应该如何接受现场麦克风音频，然后让Javascript理解，一旦麦克风发出音频，它将触发叶子动画。

我担心的还有另外一个缺点:麦克风音频应捕获所有传入的音频。说，我正在使用键盘，即使来自键盘的噪音也应视为音频输入。我希望它专门过滤所有这些噪音，并只将吹来的空气当作触发器。诸如此类，仅当音频输入高于此幅度时，它才必须启动动画。

请注意，我是新手。

Answer 1

这是我不久前在JS Bin上所做的一个愚蠢的小事情，可能会给您一些想法。

http://jsbin.com/uCalijA/2/edit

您可能感兴趣的内容出现在draw函数的前15行中。基本上，这使用AnalyserNode来获取时域数据，并使用它来计算幅度。然后，ratio变量将其转换为稍容易使用的值，范围为0-100，其中0为静默。

您应该能够对其进行调整，并达到某种效果

if ( ratio > threshold  ) {
  blowLeaves();
}