javascript – Web音频API均衡器

我一直在寻找使用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之间的增益.

非常感谢任何帮助！

解决方法

这里有很多东西.

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和滤波器类型的频率响应.

javascript – Web音频API均衡器

解决方法

相关文章