Web Audio API的性能问题

时间:2013-06-08 06:13:44

标签: web-audio chromebook

我创建了一个简单的Web Audio API脚本,可以流式传输本地mp3并具有增益控制和3频段均衡器。

设置节点使得源连接到增益节点,然后切换到低通,带通和高通节点。每个节点在连接到目标之前连接到增益。这是一个简单的EQ。 (下面的图表和代码)

这在我的带有i7和16GB RAM的Windows 8 Deskop上运行良好但是当我尝试在带有Celeron处理器和2GB RAM的Acer C7 Chromebook上运行时,音频变得乱码。听起来好像每条拆分路径都不同步。这听起来像节奏增加了。您可以在下方的YouTube视频中看到/听到此消息。

http://youtu.be/mB3gdjUwQfw

赛扬处理器应该能够轻松处理3频段均衡器。我有什么办法可以防止这种情况发生吗?有没有人在低端硬件上遇到过类似的问题?

一如既往地感谢您的回复。保持真棒。

注意:如果我没有拆分音频源,音频就可以正常播放。


SimpleAudioMap

function setupChain(outNode) {
        soundSource = context.createBufferSource();
        soundSource.buffer = audioBuffer;

        volumeNode = context.createGainNode();
        volumeNode.gain.value = gainValue;

        highPassFilter = context.createBiquadFilter();
        highPassFilter.type = 1;
        highPassFilter.frequency.value = 4000;
        highPassGain = context.createGainNode();
        highPassGain.gain.value = highValue;

        medPassFilter = context.createBiquadFilter();
        medPassFilter.type = 2;
        medPassFilter.frequency.value = 2125;
        medPassFilter.Q = 1.1333333333333333;
        medPassGain = context.createGainNode();
        medPassGain.gain.value = medValue;

        lowPassFilter = context.createBiquadFilter();
        lowPassFilter.type = 0;
        lowPassFilter.frequency.value = 250;
        lowPassGain = context.createGainNode();
        lowPassGain.gain.value = lowValue;

        // Wiring
        volumeNode.connect(lowPassFilter);
        lowPassFilter.connect(lowPassGain);
        lowPassGain.connect(outNode);

        volumeNode.connect(medPassFilter);
        medPassFilter.connect(medPassGain);
        medPassGain.connect(outNode);

        volumeNode.connect(highPassFilter);
        highPassFilter.connect(highPassGain);
        highPassGain.connect(outNode);

        return volumeNode;
    }

function stopSound() {
  if (source) {
    source.noteOff(0);
  }
}

function playSound() {
  // source is global so we can call .noteOff() later.
  source = context.createBufferSource();
  source.buffer = audioBuffer;
  source.loop = false;
  source.connect(setupChain(context.destination));
  source.noteOn(0); // Play immediately.
}

function initSound(arrayBuffer) {
  context.decodeAudioData(arrayBuffer, function(buffer) {
    // audioBuffer is global to reuse the decoded audio later.
    audioBuffer = buffer;
    var buttons = document.querySelectorAll('button');
    buttons[0].disabled = false;
    buttons[1].disabled = false;
  }, function(e) {
    console.log('Error decoding file', e);
  }); 
}


var fileChangeEventListener = function(e) {  
  var reader = new FileReader();
  reader.onload = function(e) {
    initSound(this.result);
  };
  reader.readAsArrayBuffer(this.files[0]);
}

1 个答案:

答案 0 :(得分:4)

对于一个简单的3波段均衡器,我可能会建议你为双二阶滤波器尝试lowshelf,peaking和highshelf。这样,您可以消除所有这些额外增益节点,因为这些滤波器类型接受增益值 - 您不必分割信号。过滤器可以串联连接。

通过消除所有这些分裂并保持单个信号路径,您可以保证不会有任何不同步。

另外,当你并行连接时,你更有可能获得相位怪异。 biQuad 1试图消除你的低点,但它们仍然存在于biQuad 2和biQuad 3中。所以你的过滤器有点互相打架。