如何将 ArrayBuffer 转换为 AudioBuffer？答案

【问题标题】：How to convert ArrayBuffer to AudioBuffer?如何将 ArrayBuffer 转换为 AudioBuffer？
【发布时间】：2018-11-03 20:43:51
【问题描述】：

我正在流式传输 arrayBuffer 以转换为 audioBuffer 以便能够收听它。

我正在通过 websocket 事件接收流

retrieveAudioStream(){
  this.socket.on('stream', (buffer) => {
    console.log('buffer', buffer)
  })
}

buffer 是一个 arrayBuffer，我需要它是一个 audioBuffer 以便能够在我的应用程序上收听它。

我该怎么做？

【问题讨论】：

看看这个：developer.mozilla.org/en-US/docs/Web/API/BaseAudioContext/…
根据这篇 SO 帖子stackoverflow.com/questions/38589614/…“AudioContext.decodeAudioData 并非旨在解码部分文件”。由于我的流是 arrayBuffer 块，我无法使用这种方法对其进行解码。还有其他建议吗？
有一个非常 great example that uses MediaSource （对音频流同样适用），我用它从 206 响应中逐块流式传输音频，效果很好。
这可能也有帮助。它使用 decodeAudioData 解码 AudioBuffer 中的 ArrayBuffer 并将这些块附加在一起。 stackoverflow.com/questions/14143652/…

【解决方案1】：

您可以使用BaseAudioContext.createBuffer() 方法。它用于

创建一个新的空AudioBuffer 对象，然后可以用数据填充该对象，并通过AudioBufferSourceNode 播放

【讨论】：

AudioBuffer 对象需要 Float32Arrays，这不是 OP 所拥有的（ArrayBuffers 代表数据块）。有没有办法将ArrayBuffers的数据块转换成AudioBuffers？
我相信你可以从ArrayBuffer 创建任何类型的数组。所以你必须能够将ArrayBuffer 转换成Float32Array

【解决方案2】：

由于您是流媒体而不是下载文件然后解码音频数据，AudioContext.createMediaStreamSource() 将更适合您的用例。

【讨论】：