在使用 Web Audio Api 播放的 Stream 中单击声音

Question

我有一个奇怪的问题。我正在使用网络音频播放来自服务器的流。我这样做的方式如下：

 var d2 = new DataView(evt.data);

var data = new Float32Array(d2.byteLength / Float32Array.BYTES_PER_ELEMENT);
for (var jj = 0; jj < data.length; ++jj) {
    data[jj] = d2.getFloat32(jj * Float32Array.BYTES_PER_ELEMENT, true);
}

var buffer = context.createBuffer(1, data.length, 44100);
buffer.getChannelData(0).set(data);

source = context.createBufferSource();
source.buffer = buffer;
source.start(startTime);
source.connect(context.destination);

startTime += buffer.duration;

这很好用。 如果我在我的电脑上播放流，我没有任何问题。

如果我在我的 Windows 8 平板电脑（相同的 Chrome 版本）上播放相同的流，我的音频中有很多点击声音。一秒钟内有多个。 它有点接缝，在每个缓冲区的末端我听到咔哒声。

我不明白区别...我能找到的唯一区别是我的计算机上声卡的采样率为 44100，而平板电脑上的采样率为 48000。

传输的流在 44100 中，我没有任何采样率问题。只是点击的声音。

有人知道为什么会这样吗？

谢谢， 代谢

Answer 1

AudioBufferSourceNode 将其缓冲区重新采样到 AudioContext 采样率。可以想象，API 不允许您在一个 AudioBufferSourceNode 和另一个之间保持重采样器状态，因此两个缓冲区之间存在不连续性。

我认为最简单的方法是通过在服务器端重新采样以设备的采样率提供流。当 AudioWorkerNode 准备好并实现时，您将能够自己修复这个问题以及客户端，但事实并非如此。

或者，您也可以只使用一个元素进行流式传输，然后使用 AudioContext.createMediaElementSource() 将其通过管道传输到 Web Audio API。

Answer 2

我遇到了同样的问题，感谢 Padenot 的回答，我检查了采样率。 AudioContext.sampleRate 默认为 44100，但 PCM 数据和 AudioBuffer 为 48000。使用匹配的 sampleRate 初始化 AudioContext 解决了问题：

var AudioContext = window.AudioContext || window.webkitAudioContext;
var audioCtx = new AudioContext({
  latencyHint: 'interactive',
  sampleRate: 48000,
});

有了这个，我可以安排播放 20ms 48khz PCM16 AudioBuffers 背靠背，没有任何点击或失真。