uni —app 录音_uni-app小程序录音上传的解决方案

相关学习推荐：微信小程序开发

能力依赖RecorderManager 全局唯一的录音管理器

录音功能的要求与限制与当前页面其他音频播放/录音功能互斥

是否在录音中状态显示

结束/不需要录音时，回收RecorderManager对象

材料

可以/结束 录音

录音中

Codeing(结果代码直接看最后)

构造一个简单的DOM结构复制代码

先实现小程序的录音功能import iconRecord from '../../static/images/icon_record.png'import iconRecording from '../../static/images/icon_recording.png'// ...data() { recordImg: iconRecord, // 录音按钮的图标

rm: null, // 录音管理器},// ...mounted() { if (this.rm === null) { // 录音管理器如果没有初始化就先初始化

this.rm = uni.getRecorderManager()

} // 绑定回调方法

this.rm.onStart((e) => this.onStart(e)) this.rm.onPause((e) => this.onPause(e)) this.rm.onResume((e) => this.onResume(e)) this.rm.onInterruptionBegin((e) => this.onInterruptionBegin(e)) this.rm.onInterruptionEnd((e) => this.onInterruption