使用lamejs编码音频缓冲区为MP3后无声音问题求助

你的代码存在几个关键问题，导致生成的MP3文件无声音，以下是问题分析和修复方案：

问题点 #

• 变量名错误：初始化Mp3Encoder时使用了未定义的chnl和sr，正确的变量名是chnls和sampleRate，参数错误会导致编码器工作异常。
• 音频样本处理错误：new Int16Array(channels)的写法完全错误。通常channels是从AudioBuffer获取的Float32Array类型通道数据，需要先将其转换为lamejs要求的Int16Array格式（Float32的取值范围是[-1,1]，要映射到Int16的[-32768,32767]）。
• MIME类型不标准：创建Blob时使用audio/mp3不够规范，改用标准的audio/mpeg能提升兼容性。
• flush缓冲区处理冗余：mp3encoder.flush()返回的已经是Int8Array，无需再次转换。

修复后的代码 #

const encodeAudioBufferLame = ({ audioBuffer }) => {
  const chnls = audioBuffer.numberOfChannels;
  const sampleRate = audioBuffer.sampleRate;
  const kbps = 128;
  
  // 初始化编码器，注意变量名正确匹配
  const mp3encoder = new lamejs.Mp3Encoder(chnls, sampleRate, kbps);
  const mp3Data = [];

  // 处理单声道/双声道样本
  let samples;
  if (chnls === 1) {
    // 单声道：将Float32样本转为Int16
    const channelData = audioBuffer.getChannelData(0);
    samples = new Int16Array(channelData.length);
    for (let i = 0; i < channelData.length; i++) {
      samples[i] = Math.max(-32768, Math.min(32767, channelData[i] * 32767));
    }
  } else {
    // 双声道：需要将左右声道数据交错，lamejs要求双声道输入是[L0, R0, L1, R1,...]格式
    const left = audioBuffer.getChannelData(0);
    const right = audioBuffer.getChannelData(1);
    samples = new Int16Array(left.length * 2);
    for (let i = 0; i < left.length; i++) {
      samples[i * 2] = Math.max(-32768, Math.min(32767, left[i] * 32767));
      samples[i * 2 + 1] = Math.max(-32768, Math.min(32767, right[i] * 32767));
    }
  }

  // 单声道每次处理1152样本，双声道每次处理1152*2=2304样本（每声道576）
  const sampleBlockSize = chnls === 1 ? 1152 : 2304;

  for (let i = 0; i < samples.length; i += sampleBlockSize) {
    const sampleChunk = samples.subarray(i, i + sampleBlockSize);
    const mp3buf = chnls === 1 ? 
      mp3encoder.encodeBuffer(sampleChunk) : 
      mp3encoder.encodeBuffer(sampleChunk.subarray(0, sampleChunk.length/2), sampleChunk.subarray(sampleChunk.length/2));
    if (mp3buf.length > 0) {
      mp3Data.push(mp3buf);
    }
  }

  // 完成编码，flush剩余数据
  const mp3buf = mp3encoder.flush();
  if (mp3buf.length > 0) {
    mp3Data.push(mp3buf);
  }

  // 使用标准MIME类型创建Blob
  const blob = new Blob(mp3Data, { type: 'audio/mpeg' });
  return blob;
};

使用说明 #

调用时直接传入AudioBuffer对象即可，比如：

// 假设你已经获取到AudioBuffer实例audioBuf
const mp3Blob = encodeAudioBufferLame({ audioBuffer: audioBuf });
// 下载示例
const url = URL.createObjectURL(mp3Blob);
const a = document.createElement('a');
a.href = url;
a.download = 'output.mp3';
a.click();
URL.revokeObjectURL(url);

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