uniapp 录音_uni-app小程序录音上传解决方案（后续更新Taro版)

能力依赖

录音功能的要求与限制

与当前页面其余音频播放/录音功能互斥

是否在录音中状态显示

结束/不须要录音时，回收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