我发现了许多关于创建可视化工具的线索,但这当然不是我想要做的.我只是希望能够使用频率滑块改变声音.我发现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之间的增益.
非常感谢任何帮助！
解决方法
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和滤波器类型的频率响应.