uniapp 录音功能如何实现

如何在uniapp中实现录音功能？需要调用哪些API，是否有兼容性注意事项？希望能提供一个完整的示例代码，包括开始录音、结束录音和获取录音文件的操作步骤。另外，录音格式支持哪些类型，比如MP3或WAV？在iOS和安卓平台上是否有不同的实现方式？

2 回复

在uniapp中实现录音功能，可以使用uni.createInnerAudioContext()或uni.getRecorderManager()。具体步骤：

  1. 引入录音管理器
  2. 调用start()开始录音
  3. 调用stop()结束录音
  4. 通过回调获取录音文件路径

注意：需在manifest.json中配置录音权限。


在 UniApp 中实现录音功能，主要使用 uni 提供的录音 API，支持录音、暂停、停止和播放。以下是实现步骤和示例代码：

实现步骤

  1. 引入权限配置：在 manifest.json 中配置录音权限（H5 和 App 平台需要）。
  2. 使用 uni.startRecord()：开始录音。
  3. 使用 uni.stopRecord()：停止录音并获取临时文件路径。
  4. 播放录音：通过 uni.createInnerAudioContext() 播放音频。

示例代码

// 录音管理器
let recorderManager = uni.getRecorderManager();

// 开始录音
function startRecording() {
  recorderManager.start({
    duration: 60000, // 最长录音时间（毫秒）
    sampleRate: 44100, // 采样率
    numberOfChannels: 1, // 声道数
    encodeBitRate: 192000, // 编码码率
    format: 'mp3' // 音频格式
  });
}

// 停止录音
function stopRecording() {
  recorderManager.stop();
}

// 监听录音结束事件
recorderManager.onStop((res) => {
  console.log('录音文件路径:', res.tempFilePath);
  // 保存或播放录音文件
  playAudio(res.tempFilePath);
});

// 播放录音
function playAudio(tempFilePath) {
  const audioContext = uni.createInnerAudioContext();
  audioContext.src = tempFilePath;
  audioContext.play();
}

注意事项

  • 平台差异：H5 平台可能受浏览器限制，需用户授权；App 端需在 manifest.json 中声明录音权限。
  • 文件格式：支持 aac、mp3 等格式，但不同平台支持情况可能不同。
  • 临时路径：录音文件为临时文件，需及时保存到本地或上传服务器。

通过以上代码，即可在 UniApp 中快速实现录音功能。

回到顶部