能否访问浏览器音频编解码器实现PCM到FLAC/Opus/MP3等编码转换？

Great question! Let's break down what's possible with browser tools and workarounds:

Native Browser Options #

First, the straight answer: The Web Audio API's BaseAudioContext.decodeAudioData() is exclusively for decoding, and there's no equivalent native API that directly exposes browser audio codecs to encode raw PCM into formats like FLAC, Opus, or MP3.

That said, there is a native workaround using the MediaRecorder interface. Here's how it works:

• Wrap your raw PCM data into a MediaStream (using AudioWorkletNode or legacy ScriptProcessorNode to feed PCM samples into the stream)
• Initialize a MediaRecorder instance targeting a supported MIME type (like audio/opus for Opus encoding)
• The recorder will emit chunks of encoded data as it processes the PCM, which you can collect into a final Blob of your desired format

Keep in mind: Supported MIME types vary by browser. Opus is widely supported across modern browsers, FLAC has partial support (e.g., Chrome, Edge), and MP3 is generally not supported natively via MediaRecorder.

Third-Party Libraries for Full Format Support #

If you need consistent support for formats like MP3 or FLAC across all browsers, pure JavaScript/WASM encoder libraries are your best bet. These don't rely on browser-native codecs and work everywhere:

• Opus: Use libraries like libopus.js (compiled from the native Opus codec to WebAssembly)
• MP3: lamejs is a popular lightweight MP3 encoder written entirely in JS
• FLAC: flac.js or opus-flac handle FLAC encoding from raw PCM

Here's a quick example using lamejs to convert PCM to MP3:

// Assume you have raw PCM data in a Float32Array
const sampleRate = 44100;
const channels = 2;

// Initialize the MP3 encoder
const mp3Encoder = new lamejs.Mp3Encoder(channels, sampleRate, 128);

// Convert Float32 PCM to Int16 (required by lamejs)
const pcmInt16 = new Int16Array(pcmFloat32.length);
for (let i = 0; i < pcmFloat32.length; i++) {
  pcmInt16[i] = Math.max(-32768, Math.min(32767, pcmFloat32[i] * 32767));
}

// Encode in chunks
const buffer = [];
const chunkSize = 1152;
for (let i = 0; i < pcmInt16.length; i += chunkSize * channels) {
  const chunk = pcmInt16.subarray(i, i + chunkSize * channels);
  const mp3Data = mp3Encoder.encodeBuffer(chunk);
  if (mp3Data.length > 0) buffer.push(mp3Data);
}

// Flush remaining data
const finalChunk = mp3Encoder.flush();
if (finalChunk.length > 0) buffer.push(finalChunk);

// Combine into a single MP3 Blob
const mp3Blob = new Blob(buffer, { type: 'audio/mpeg' });

Quick Recap #

• Use MediaRecorder for native, browser-supported encoding (ideal for Opus)
• Turn to third-party JS/WASM libraries when you need MP3, FLAC, or consistent cross-browser behavior

内容的提问来源于stack exchange，提问作者DBaker