Question

我一直在寻找使用Web音频API创建音频均衡器：http://webaudio.github.io/web-audio-api/

我发现了许多关于创建可视化工具的线索，但这当然不是我想要做的。我只是希望能够使用频率滑块改变声音。我发现biquadFilter应该做的工作，但我不能得到一个好的结果。当我改变任何频率值时，声音会一直改变，但它会降低声音的质量，同时它会改变频率。

我先加载声音：

Audio.prototype.init = function(callback){
    var $this = this;
    this.gainScale = d3.scale.linear().domain([0,1]).range([-40,40]);
    this.context = new AudioContext();
    this.loadSounds(function(){
        $this.loadSound(0);
        $this.play();
        callback.call();
    });
};

一切运作良好，声音在准备好时播放。

我有10个频率滑块[32,64,125,250,500,1000,2000,4000,8000,16000]。对于每个滑块，我创建一个过滤器并将其连接到源，如下所述：Creating a 10-Band Equalizer Using Web Audio API：

Audio.prototype.createFilter = function(index,frequency){
    if(this.filters == undefined) this.filters = [];
    var filter = this.context.createBiquadFilter();
    filter = this.context.createBiquadFilter();
    filter.type = 2;
    filter.frequency.value = frequency;
    // Connect source to filter, filter to destination.
    this.source.connect(filter);
    filter.connect(this.context.destination);
    this.filters[index] = filter;
};

最后，当我更改滑块的值时，我更新过滤器：

Audio.prototype.updateFilter = function(index,newVal){
    this.filters[index].frequency.gain = this.gainScale(newVal);
};

注意：我的this.gainScale函数将[0,1]中的值作为输入，并返回[-40,40]中的值，以便为每个频率设置-40到40之间的增益。

非常感谢任何帮助！

Answer 1

这里有多件事。

1）您不应并行使用带通滤波器来实现均衡器。在其他问题中，双二阶滤波会改变信号不同部分的相位，因此不同的频段最终将处于不同的阶段，并且当它重新组合时，你的声音可能会产生一些非常糟糕的影响。

2）你想要的方法是在底端有一个低架子滤波器，在顶端有一个高架滤波器，在中间有任意数量的峰值滤波器。这些应该串联连接（即输入信号连接到一个滤波器，连接到另一个滤波器，连接到另一个滤波器等，只有最终的滤波器应连接到audiocontext.destination .Q值应该是调谐（见下文），滤波器的增益决定了增强/削减。（对于平坦响应，所有滤波器增益应设置为零。）

3）filter.type是一个枚举类型，您应该将其设置为字符串，而不是数字。 “lowshelf”，“highshelf”和“峰值”是你在这里寻找的。

你可以在我的DJ应用程序中看到一个简单的三波段均衡器示例 - https://github.com/cwilso/wubwubwub/blob/MixTrack/js/tracks.js#L189-L207设置它。要将其修改为多波段均衡器，您需要调整每个滤波器的Q值，以使波段不重叠（如果它们重叠则不错，但如果调整它们，您的波段会更精确）。您可以使用http://googlechrome.github.io/web-audio-samples/samples/audio/frequency-response.html检查给定Q和过滤器类型的频率响应。

Answer 2

一个问题是您希望滑块在给定频率下控制滤波器的增益，而不是滤波器频率本身。根据规范，带通滤波器的增益是不可控制的，这是一个小的限制。幸运的是，您可以在每个过滤器的末尾添加一个增益节点。

var filter = this.context.createBiquadFilter();
filter = this.context.createBiquadFilter();
filter.type = 2;
filter.frequency.value = frequency;

var gain = this.context.createGainNode();

// Connect source to filter, filter to the gain, gain to destination.
this.source.connect(filter);
filter.connect(gain);
gain.connect(this.context.destination);
this.filters[index] = filter;
this.gains[index] = gain;

接下来，您需要将滑块连接到增益控制的增益参数。我真的不懂网络音频，所以我会把它留给你。最后一件事是您需要指定过滤器的Q值。我从您尝试创建八度宽滤波器的频率列表中得到印象，因此Q因子可能大约为1.414。如果你想做到这一点，你真的需要做一些研究。

Web音频API均衡器

2 个答案: