能力依赖
录音功能的要求与限制与当前页面其他音频播放/录音功能互斥
是否在录音中状态显示
结束/不需要录音时,回收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.onI