Web Audio API - 移除过滤器

Question

我正在构建具有多种图形模式的可视化器。对于其中一些，我需要计算正在播放的曲目的节拍，据我所知，然后我需要应用如下所示的低通滤波器，以增强最有可能保持鼓声的频率：

var filter = context.createBiquadFilter();

source.connect(filter);
filter.connect(context.destination);

filter.type = 'lowpass';

但是如果我想关闭过滤器怎么办？每次我需要卸下过滤器时，是否必须重新连接信号源？这会对性能产生负面影响吗？

相关问题：如果我有两个来自同一音频源的两个源并将过滤器应用于其中一个，我会遇到多少性能损失？

Answer 1

如果我有两个来自同一个音频源的两个源并将过滤器应用于其中一个，我会遇到多少性能损失

您可以将单个音频节点连接到多个目标，因此您永远不需要复制源来扩展连接它。如果您同时需要过滤和原始音频，您可以相应地设置您的连接：

var filter = context.createBiquadFilter();

source.connect(filter);
source.connect(context.destination);
filter.connect(context.destination);

filter.type = "lowpass";

---

无论如何，将 FilterNode 的 type 属性设置为 "allpass" 将有效地禁用所有过滤，而无需重新连接：

filter.type = "allpass"

Answer 2

根据文章WebAudio intro | html5rocks，我必须通过断开源和自身来打开和关闭过滤器，如下所示：

  this.source.disconnect(0);
  this.filter.disconnect(0);
  // Check if we want to enable the filter.
  if (filterShouldBeEnabled) {
    // Connect through the filter.
    this.source.connect(this.filter);
    this.filter.connect(context.destination);
  } else {
    // Otherwise, connect directly.
    this.source.connect(context.destination);
  }