博客站

在 UniApp 中，音频压缩是优化应用性能的重要手段之一，特别是在上传音频或展示大量音频的场景中。通过音频压缩，可以减少音频文件的大小，提升加载速度和节省带宽。以下是 UniApp 处理音频压缩的常用方法：

一、使用 uni.compressAudio API

UniApp 提供了 uni.compressAudio API，用于压缩音频。

1. 基本用法

• 示例：

  uni.chooseAudio({
    success: (res) => {
      const tempFilePath = res.tempFilePath;
      uni.compressAudio({
        src: tempFilePath,
        quality: 'low', // 压缩质量（low、medium、high）
        success: (compressRes) => {
          console.log('压缩后的音频路径：', compressRes.tempFilePath);
        },
        fail: (err) => {
          console.log('音频压缩失败：', err);
        }
      });
    }
  });
  

2. 设置压缩质量

• 通过 quality 参数设置压缩质量（low、medium、high），质量越低，压缩率越高。
• 示例：

  uni.compressAudio({
    src: tempFilePath,
    quality: 'medium', // 压缩质量为中等
    success: (compressRes) => {
      console.log('压缩后的音频路径：', compressRes.tempFilePath);
    }
  });
  

二、使用第三方音频压缩库

如果需要更复杂的音频压缩功能，可以使用第三方音频压缩库，如 lamejs。

1. 安装 lamejs

• 安装 lamejs：

  npm install lamejs
  

2. 在 UniApp 中使用

• 示例：

  import { Mp3Encoder } from 'lamejs';
  
  function compressAudio(file, quality = 128) {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onload = (e) => {
        const audioContext = new AudioContext();
        const buffer = e.target.result;
        audioContext.decodeAudioData(buffer, (audioBuffer) => {
          const encoder = new Mp3Encoder(
            audioBuffer.numberOfChannels,
            audioBuffer.sampleRate,
            quality
          );
          const samples = audioBuffer.getChannelData(0);
          const mp3Data = encoder.encodeBuffer(samples);
          const blob = new Blob(mp3Data, { type: 'audio/mp3' });
          resolve(blob);
        });
      };
      reader.onerror = (err) => {
        reject(err);
      };
      reader.readAsArrayBuffer(file);
    });
  }
  
  uni.chooseAudio({
    success: async (res) => {
      const tempFilePath = res.tempFilePath;
      const compressedAudio = await compressAudio(tempFilePath, 128);
      console.log('压缩后的音频：', compressedAudio);
    }
  });
  

三、手动实现音频压缩

如果需要更灵活的控制，可以手动实现音频压缩。

1. 使用 AudioContext 压缩音频

• 示例：

  function compressAudio(file, quality = 0.8) {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onload = (e) => {
        const audioContext = new AudioContext();
        const buffer = e.target.result;
        audioContext.decodeAudioData(buffer, (audioBuffer) => {
          const offlineContext = new OfflineAudioContext(
            audioBuffer.numberOfChannels,
            audioBuffer.length,
            audioBuffer.sampleRate
          );
          const source = offlineContext.createBufferSource();
          source.buffer = audioBuffer;
          source.connect(offlineContext.destination);
          source.start();
          offlineContext.startRendering().then((renderedBuffer) => {
            const blob = new Blob([renderedBuffer.getChannelData(0)], {
              type: 'audio/wav'
            });
            resolve(blob);
          });
        });
      };
      reader.onerror = (err) => {
        reject(err);
      };
      reader.readAsArrayBuffer(file);
    });
  }
  
  uni.chooseAudio({
    success: (res) => {
      const tempFilePath = res.tempFilePath;
      compressAudio(tempFilePath, 0.8).then((blob) => {
        console.log('压缩后的音频：', blob);
      });
    }
  });
  

四、总结

UniApp 处理音频压缩的步骤如下：

1. 使用 uni.compressAudio API：通过 uni.compressAudio API 实现音频压缩。
2. 使用第三方音频压缩库：通过 lamejs 实现更复杂的音频压缩功能。
3. 手动实现音频压缩：通过 AudioContext 实现灵活的音频压缩。

以下是一个完整的 uni.compressAudio 示例：

uni.chooseAudio({
  success: (res) => {
    const tempFilePath = res.tempFilePath;
    uni.compressAudio({
      src: tempFilePath,
      quality: 'low', // 压缩质量（low、medium、high）
      success: (compressRes) => {
        console.log('压缩后的音频路径：', compressRes.tempFilePath);
      },
      fail: (err) => {
        console.log('音频压缩失败：', err);
      }
    });
  }
});

通过合理使用这些方法，可以轻松实现 UniApp 中的音频压缩功能，提升应用性能。