我一直在寻找使用 Web 音频 API 创建音频均衡器的方法：http://webaudio.github.io/web-audio-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]。
对于每个滑块，我创建一个过滤器并将其连接到源，如下所述：使用 Web Audio API 创建 10 频段均衡器 https://stackoverflow.com/questions/12738056/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 之间。
将不胜感激任何帮助！
