blob - 如何从 Blob 创建 AudioBuffer？

Question

我有一个使用 MediaRecorder API 创建的音频文件/blob:

let recorder = new MediaRecorder(this.stream)
let data = [];
recorder.ondataavailable = event => data.push(event.data);

然后当录音完成后:

let superBlob = new Blob(data, { type: "video/webm" });

如何使用此 blob 创建 AudioBuffer？我需要:

• 将 Blob 对象转换为 ArrayBuffer，我可以将其与 AudioContext.decodeAudioData 一起使用(返回一个 AudioBuffer )或
• 将 Blob 对象转换为 Float32Array，我可以使用 AudioBuffer.copyToChannel() 将其复制到 AudioBuffer 中

任何有关如何实现这一目标的提示都将受到赞赏。干杯!

Answer 1

要将 Blob 对象转换为 ArrayBuffer，请使用 FileReader.readAsArrayBuffer。

let fileReader = new FileReader();
let arrayBuffer;

fileReader.onloadend = () => {
    arrayBuffer = fileReader.result;
}

fileReader.readAsArrayBuffer(superBlob);