计算没有音频 API 的 ArrayBuffer 的持续时间？

Question

我有一个应用程序，它使用 XHR 从远程位置下载音频数据并在本地将其保存为数组缓冲区，类似于 here 或 here 的方法。这种方法效果很好，但需要在 UI 上下文中执行才能使 Audio 元素可用。是否有另一种方法来计算ArrayBuffer 的持续时间，最好是在 WebWorker/ServiceWorker 上下文中？

当前方法使用AudioContext.decodeAudioData 来解码音频二进制文件，但这在 WebWorker 上下文中不可用。 ArrayBuffer 不一定是单一格式或编解码器，并且尚未编码。

Answer 1

如果您的ArrayBuffer 包含解码的 PCM 音频，您可以使用下面的getAudioDuration()。如果该条件没有封装您解码的音频，您可能希望直接传递 bytesPerSample。

function getAudioDuration(arrayBuffer, numChannels, sampleRate, isFloatingPoint) {
  // PCM 16 or Float32
  const bytesPerSample = (isFloatingPoint ? Float32Array : Uint16Array).BYTES_PER_ELEMENT

  // total samples/frames
  const totalSamples = arrayBuffer.byteLength / bytesPerSample / numChannels 

  // total seconds
  return totalSamples / sampleRate
}

如果您的ArrayBuffer 包含编码音频（Opus、MP3、WAV），您可以手动解析二进制字节标头，使用第三方库来解析标头，或者让您的服务器向您发送音频属性（通道、采样率等）通过 HTTP 响应标头。