uniapp实现录音功能的方法是利用函数[uni.getRecorderManager ()]实现的,代码为[methods:{ start record(){ console . log(& # 39;开始录音& # 39;);this . recordermanager ].
本教程操作环境:windows7系统,uni-app版本2.5.1,此方法适用于所有品牌的电脑。
推荐(免费):统一应用开发教程
uniapp实现录音功能的方法:
这里需要Uni.getRecorderManager()
导出默认{数据:{recorderManager: {},innerAudioContext: {},},onLoad(选项){ this . RecorderManager = uni . GetRecorderManager();this . inneraudiocontext = uni . createinneraudiocontext();//为了防止苹果手机静音,无法播放uni。setinneruardioption({ obeymouteswitch:false })对此。inneruardiocontext。autoplay = trueconsole . log(& quot;uni . GetRecorderManager()& quot;,uni.getRecorderManager())让self = thisthis . recordermanager . OnStop(function(RES){ console . log(& # 39;录音机停止& # 39;+JSON . stringify(RES));self . voice path = RES . tempfile path;});},方法:{ StartRecord(){ console . log(& # 39;开始录音& # 39;);this . recordermanager . start();},end record(){ console . log(& # 39;录音结束& # 39;);this . recordermanager . stop();},PlayVoice(){ console . log(& # 39;播放录音& # 39;);console . log(& # 39;this.voicePath & # 39,this . voice path);if(this . voice path){ this . InnerAudioContext . src = this . voice path;this . InnerAudioContext . play();}},}}苹果手机静音时无法播放此段落
Uni。setinneraudieoption({ obeymouteswitch:false })这里使用的是插件luno-audio。
从& # 39;@/components/luch-audio/luch-audio . vue & # 39;,注册(只在组件中注册)并使用
& ltview class = & quot音频播放& quot>。& lt按钮@点击= & quot开始记录& quot>。开始录制
相关免费学习推荐:编程视频
以上是uniapp如何实现录音功能的细节,还有更多