uniapp 有哪些好用的录音插件推荐

请问在uniapp开发中，有哪些比较好用的录音插件可以推荐？希望能支持多种格式输出、清晰的录音效果，并且兼容性要好。最好能提供简单的使用示例或者文档说明，方便快速集成到项目中。

2 回复

推荐几个好用的UniApp录音插件：

  1. uni-record：官方推荐，支持多格式录音，简单易用。
  2. lime-recorder：功能丰富，支持实时处理，适合复杂场景。
  3. zh-recorder：轻量级，兼容性好，适合基础需求。
    根据项目需求选择即可！

在 UniApp 开发中，推荐以下几款好用的录音插件，这些插件兼容性强、功能丰富，适合不同场景需求：

1. 官方录音 API（uni-recorder）

  • 特点：UniApp 官方提供的录音 API，无需额外安装插件，支持多端（H5、小程序、App）。
  • 功能：录制音频、自定义格式（如 MP3、PCM）、设置时长和采样率。
  • 适用场景：基础录音需求，跨平台兼容。
  • 示例代码：
    // 开始录音
uni.startRecord({
  success: (res) => {
    console.log('录音文件路径:', res.tempFilePath);
  },
  fail: (err) => {
    console.error('录音失败:', err);
  }
});

// 停止录音
uni.stopRecord();

2. 第三方插件：Recorder

  • 特点：基于 HTML5 的录音库，支持 H5 和 App，提供高质量音频录制（如 WAV、MP3 格式）。
  • 安装：通过 npm 安装：npm install recorder-core。
  • 功能：实时处理、可视化音频波形、自定义编码。
  • 适用场景：需要高音质或实时处理的 H5/App 应用。
  • 示例代码：
    import Recorder from 'recorder-core';

const recorder = new Recorder();
recorder.start().then(() => {
  console.log("开始录音");
});

// 停止并获取音频
recorder.stop().then((audioBlob) => {
  console.log("录音数据:", audioBlob);
});

3. 插件市场：lime-recorder

  • 特点：UniApp 插件市场中的热门录音组件，支持多端和自定义界面。
  • 安装：从 UniApp 插件市场导入。
  • 功能：录制、播放、上传音频，兼容 iOS/Android。
  • 适用场景：需要完整 UI 和上传功能的项目。

4. 微信小程序原生录音（兼容 UniApp）

  • 特点：直接调用微信小程序的录音 API，在 UniApp 中无缝使用。
  • 功能：录制、暂停、继续，支持 AAC 格式。
  • 示例代码：
    const recorderManager = uni.getRecorderManager();
recorderManager.start({
  format: 'aac'
});
recorderManager.onStop((res) => {
  console.log('录音文件:', res.tempFilePath);
});

选择建议：

  • 简单需求：优先使用官方 API，无需依赖第三方。
  • 高音质/复杂处理：选择 Recorder 或 lime-recorder。
  • 注意：在 H5 端需检查浏览器兼容性，App 端需配置权限。

根据项目需求测试兼容性，以上插件均经过广泛使用，稳定可靠。

回到顶部