博客站

在 UniApp 中，录音功能是许多应用的核心需求之一，例如语音消息、语音识别等。UniApp 提供了 uni.getRecorderManager API 来实现录音功能。以下是 UniApp 处理录音功能的详细步骤：

一、基本录音功能

1. 使用 uni.getRecorderManager

• uni.getRecorderManager 是 UniApp 提供的录音管理 API。
• 示例：

  const recorderManager = uni.getRecorderManager();
  
  recorderManager.onStart(() => {
    console.log('录音开始');
  });
  
  recorderManager.onStop((res) => {
    console.log('录音结束', res.tempFilePath);
  });
  
  recorderManager.start({
    format: 'mp3' // 录音格式（mp3、aac、wav）
  });
  
  setTimeout(() => {
    recorderManager.stop();
  }, 5000); // 5 秒后停止录音
  

2. 设置录音参数

• 通过 start 方法的参数设置录音格式、采样率等。
• 示例：

  recorderManager.start({
    format: 'mp3', // 录音格式
    sampleRate: 44100, // 采样率
    numberOfChannels: 1, // 声道数
    encodeBitRate: 192000, // 编码码率
    frameSize: 50 // 帧大小
  });
  

二、处理录音结果

1. 获取录音文件

• 录音结束后，可以通过 onStop 回调函数获取录音文件的临时路径。
• 示例：

  recorderManager.onStop((res) => {
    console.log('录音文件路径：', res.tempFilePath);
  });
  

2. 上传录音文件

• 使用 uni.uploadFile 将录音文件上传到服务器。
• 示例：

  recorderManager.onStop((res) => {
    uni.uploadFile({
      url: 'https://example.com/upload',
      filePath: res.tempFilePath,
      name: 'file',
      success: (uploadRes) => {
        console.log('上传成功：', uploadRes.data);
      },
      fail: (err) => {
        console.log('上传失败：', err);
      }
    });
  });
  

三、监听录音事件

1. 监听录音开始

• 通过 onStart 监听录音开始事件。
• 示例：

  recorderManager.onStart(() => {
    console.log('录音开始');
  });
  

2. 监听录音结束

• 通过 onStop 监听录音结束事件。
• 示例：

  recorderManager.onStop((res) => {
    console.log('录音结束', res.tempFilePath);
  });
  

3. 监听录音错误

• 通过 onError 监听录音错误事件。
• 示例：

  recorderManager.onError((err) => {
    console.log('录音错误：', err);
  });
  

四、总结

UniApp 处理录音功能的步骤如下：

1. 使用 uni.getRecorderManager：通过 uni.getRecorderManager API 实现录音功能。
2. 设置录音参数：通过 start 方法的参数设置录音格式、采样率等。
3. 处理录音结果：获取录音文件并上传到服务器。
4. 监听录音事件：通过 onStart、onStop 和 onError 监听录音事件。

以下是一个完整的录音示例：

const recorderManager = uni.getRecorderManager();

recorderManager.onStart(() => {
  console.log('录音开始');
});

recorderManager.onStop((res) => {
  console.log('录音结束', res.tempFilePath);
  uni.uploadFile({
    url: 'https://example.com/upload',
    filePath: res.tempFilePath,
    name: 'file',
    success: (uploadRes) => {
      console.log('上传成功：', uploadRes.data);
    },
    fail: (err) => {
      console.log('上传失败：', err);
    }
  });
});

recorderManager.onError((err) => {
  console.log('录音错误：', err);
});

recorderManager.start({
  format: 'mp3',
  sampleRate: 44100,
  numberOfChannels: 1,
  encodeBitRate: 192000,
  frameSize: 50
});

setTimeout(() => {
  recorderManager.stop();
}, 5000); // 5 秒后停止录音

通过合理使用这些方法，可以轻松实现 UniApp 中的录音功能，满足应用的需求。