Web Audio API，设置高音和低音

Question

我正在尝试学习如何正确使用网络音频 api，但我遇到了一些困惑。

在我的项目中，我试图复制旧 1982 Harman/Kardon receiver 的功能。 （点击链接查看照片）

此接收器具有用于高音和低音控制的单独拨盘。我将在这个问题中处理高音。我敢肯定，一旦我指向正确的方向，我就能计算出相应的低音。

在初始化函数中，我创建上下文和过滤节点。

window.AudioContext = window.AudioContext || window.webkitAudioContext;
    context = new AudioContext();
    source = context.createMediaElementSource(document.getElementById('audio'));
    gainNode = context.createGain();

//filter nodes
bassTurnoverFilter = context.createBiquadFilter();
trebleTurnoverFilter = context.createBiquadFilter();
loudnessTrebFilter = context.createBiquadFilter();
loudnessBassFilter = context.createBiquadFilter();
trebleLevelFilter = context.createBiquadFilter();
bassLevelFilter = context.createBiquadFilter();

我目前正在使用jogDial plugin 来控制转盘。刻度盘确实有效，当刻度盘从 0% 转到 100% 时，我可以获得介于 0 和 1 之间的“高音”变量范围。

这是我用于高音拨盘的当前鼠标移动功能：

.on("mousemove", function(event){

var treble = (event.target.rotation + 140) / 280;

    if(trebleLevelFilter !== undefined){
        trebleLevelFilter.disconnect();
    }
    source.connect(trebleLevelFilter); 
    trebleLevelFilter.type = "highshelf"; 
    trebleLevelFilter.frequency.value = 200; 
    trebleLevelFilter.gain.value = treble; 
    trebleLevelFilter.connect(context.destination);
});

我的问题或多部分问题是... 我应该使用 6 种类型中的哪一种？ （“lowpass”、“highpass”、“bandpass”、“lowshelf”、“highshelf”、“peaking”、“notch”、“allpass”）猜测是highpass还是highself。

我应该设置什么频率？

当表盘转动时，gain.value 应该是动态的吗？

我是不是完全走错了方向？

我将 gain.value 设置为高音变量值，当转到 100% 时，它似乎会稍微增加音量......但我认为这不是我想要的正确功能完成。

Answer 1

我不确定您为什么要创建六个不同的过滤器 - 您应该只需要两个，一个用于高音，一个用于低音。

我认为您正在查看的 HK 放大器没有中音控制 - 这有点奇怪，但还好。低音滤波器可能是低架，高音是高架；按钮控制每个按钮的截止频率。请记住，搁架滤波器在零增益时是平坦的响应 - 您可以在http://googlechrome.github.io/web-audio-samples/samples/audio/frequency-response.html 使用滤波器，看看它们会是什么样子。选择一个低架子，freq= ~200，然后玩增益。

因此，例如，您使用高音滤波器很接近，除了“高音”和“低音”增益值不应达到 [0,1] - 它应该介于 [-maxgain,+maxgain] 之间。 “最大增益”可能是 2-3？你必须玩弄它并选择一个好的范围 - 我在 HK 手册 (http://www.manualslib.com/manual/279084/Harman-Kardon-Hk590i.html) 中找不到。将滤波器串联而不是并联也很重要（否则会出现相位问题）。

// if treble=0 and bass=0 you'll have a flat response
bassFilter = context.createBiquadFilter();
bassFilter.type = "lowshelf"; 
bassFilter.frequency.value = 200;  // switches to 400 in UI
bassFilter.gain.value = bass;  // you'll need to hook this to UI too

trebleFilter = context.createBiquadFilter();
trebleFilter.type = "highshelf"; 
trebleFilter.frequency.value = 2000;  // switches to 6000 in UI
trebleFilter.gain.value = treble;  // you'll need to hook this to UI too

source.connect(bassFilter); 
bassFilter.connect(trebleFilter); 
trebleFilter.connect(context.destination);

此外，没有理由断开过滤器并重新连接它 - 您可以在 .gain.value 连接时对其进行实时更改。

Answer 2

以下显示了选择用于各种目的的过滤器类型的一些建议：

Web Audio API

从该页面粘贴：

有很多种滤镜可以用来实现特定的效果：

低通滤波器 让声音更沉闷

高通滤波器 让声音更细小

带通滤波器 切断低点和高点（例如，电话过滤器）

低架过滤器 影响声音中的低音量（如立体声音响上的低音旋钮）

高架过滤器 影响声音的高音量（就像立体声音响上的高音旋钮）

峰值过滤器 影响声音中的中音量（如打开的中音旋钮 立体声）

陷波过滤器 去除窄频率范围内不需要的声音

全通滤波器 创建移相器效果