uniapp录音插件
uniapp录音插件推荐
在uniapp中实现录音功能,可以通过以下插件或方案实现:

原生API方案
uniapp官方提供了uni.getRecorderManager() API,支持跨平台录音(H5、小程序、App)。
特点:

- 无需额外插件,兼容性较好
- 支持设置采样率、码率、格式(如AAC、MP3)
- 示例代码:
const recorderManager = uni.getRecorderManager(); recorderManager.start({ format: 'mp3', sampleRate: 44100 }); recorderManager.onStop((res) => { console.log(res.tempFilePath); // 录音文件临时路径 });
第三方插件方案
-
Zhimi-Record(App端专用)
- 支持高精度录音和实时波形显示
- 需通过HBuilderX导入插件
- 安装方式:
"plugins": { "Zhimi-Record": { "version": "1.0.0", "provider": "插件ID" } }
-
H5端增强插件(如Recorder.js)
- 适用于Web环境,提供更灵活的配置
- 需手动集成到
/hybrid/html目录 - 示例集成:
import Recorder from '@/hybrid/html/recorder.js'; const recorder = new Recorder({ type: 'wav' });
平台差异处理
- 小程序端:需在
manifest.json中声明权限:"mp-weixin": { "permission": { "scope.record": { "desc": "需要录音权限" } } } - Android/iOS:需配置麦克风权限,在原生插件中处理原生权限请求逻辑。
注意事项
- 实时上传需结合
uni.uploadFile接口 - 长时间录音建议分片处理,避免内存溢出
- iOS平台对后台录音限制严格,需声明
UIBackgroundModes






