Question

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

var filter = context.createBiquadFilter();

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

filter.type = 'lowpass';

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

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

Answer 1

根据文章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);
  }

Answer 2

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

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

var filter = context.createBiquadFilter();

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

filter.type = "lowpass";

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

filter.type = "allpass"

Web Audio API - 删除过滤器

2 个答案: