javascript - Web Audio API，获取两个数组中左/右 channel 的 getByteTimeDomainData。

Question

我目前正在尝试使用网络音频 API 创建音频可视化，即我正在尝试从给定的音频源生成利萨茹图形。

我遇到了这个post ，但我缺少一些先决条件。如何获取左/右 channel 的时域数据？目前看来我只获取合并的数据。

任何帮助或提示将不胜感激。

$(document).ready(function () {

  var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
  var audioElement = document.getElementById('audioElement');
  var audioSrc = audioCtx.createMediaElementSource(audioElement);
  var analyser = audioCtx.createAnalyser();

  // Bind analyser to media element source.
  audioSrc.connect(analyser);
  audioSrc.connect(audioCtx.destination);

  //var timeDomainData = new Uint8Array(analyser.frequencyBinCount);
  var timeDomainData = new Uint8Array(200);

  // loop and update time domain data array.
  function renderChart() {
     requestAnimationFrame(renderChart);

     // Copy frequency data to timeDomainData array.
     analyser.getByteTimeDomainData(timeDomainData);

     // debugging: print to console
     console.log(timeDomainData);

  }

  // Run the loop
  renderChart();

});

Answer 1

观察正确，波形为下混频结果。来自 current spec (我的重点):

Copies the current down-mixed time-domain (waveform) data into the passed unsigned byte array. [...]

要解决此问题，您可以使用 channel 分离器 (createChannelSplitter()) 并将每个 channel 分配给两个单独的分析器节点。

有关 createChannelSplitter() 的更多详细信息，请参阅 this link 。