使用AudioBufferSource时Javascript Web音频API AnalyserNode不起作用

时间:2018-10-01 15:40:17

标签: javascript html5 audio web-audio javascript-audio-api

我正在尝试构建我正在研究的VAD算法的“离线”基准版本。 在在线版本中,我使用createMediaStreamSource输入到分析器节点,它工作得很好。 在脱机版本中,我想加载和拆分录制的音频文件,因此我正在使用xhr将文件加载为ArrayBuffer,然后拆分(以便模拟音频流),并将其用作源createBufferSource。 / p>

这是用于分割audioBuffer的代码:

let audio_dur = audioBuffer.duration;

  let segments_num = Math.ceil(audio_dur / segment_dur);
  let segment_length = Math.ceil(audioBuffer.length / segments_num);
  segmentsArr = new Array(segments_num);

  let AudioData = new Float32Array(audioBuffer.length);
  AudioData = audioBuffer.getChannelData(0);


  for (let i = 0; i <= segments_num-1; i++){
    segmentsArr[i] = AudioData.slice(i*segment_length,(i+1)*segment_length-1);
  }

然后,将其连接到分析器的部分:

const analyser = audioCtx.createAnalyser();
analyser.minDecibels = min_decibels;
analyser.fftSize = fft_size;

const T_data = new Float32Array(analyser.fftSize);
const F_data = new Uint8Array(analyser.frequencyBinCount);

let segments_num = segmentsArr.length;
let segment_length = segmentsArr[1].length;

var cur_Buffer = audioCtx.createBuffer(1, segment_length, audioCtx.sampleRate);

for (let segment_ind = 0; segment_ind <= segments_num-1; segment_ind++) {
  let cur_segment = segmentsArr[segment_ind];
  cur_Buffer.copyToChannel(cur_segment,0,0);

  let cur_source = audioCtx.createBufferSource();
  cur_source.loop = false;
  cur_source.buffer = newBuffer;

  cur_source.connect(analyser);

  analyser.getByteFrequencyData(F_data); // get current data
  analyser.getFloatTimeDomainData(T_data); // get current data
  ...

然后代码继续。

问题是:从分析仪返回的时间数据和频率数据始终为空。

在被问到之前: 1. minDecibels为-100Db(最低)。 2. segmentArr不是空的,我可以使用创建AudioBufferSource并将其连接到音频目标的完全相同的方法逐段播放。

回答:感谢@cwilso,问题在于我没有为每个新来源都使用cur_source.start, 非常感谢。

1 个答案:

答案 0 :(得分:0)

很难从这段代码中确切地看到其连接方式以及代码的开始。

1)您正在缓冲区源节点上调用start(),对吗? 2)您正在调用getByteFrequencyData()等启动之后发生吗? 3)您确实听到了通过目的地播放的缓冲块吗?