uniapp 通话录音,uniapp实现录屏
uniapp实现录音功能的方法:使用函数【uni.getRecorderManager()】实现,代码为【方法:{ start record(){ console。日志(开始录音);【this.recorderManager】。
单一应用程序开发(仿饿了么)开发课程:进入学习
本教程操作环境:windows7系统、uni-app2.5.1版本,戴尔自交第三代电脑。
uniapp实现录音功能的方法:
这里就需要用到uni.getRecorderManager()
导出默认值{
数据:{
recorderManager: {},
innerAudioContext: {},
},
加载(选项){
这个。记录员经理=uni。get recorder manager();
这个。inneraudiocontext=uni。createinneraudiocontext();
//为了防止苹果手机静音无法播放
大学。setinneraudioption({
obeyMuteSwitch: false
})
这个。inneraudiocontext。autoplay=true
控制台。log( uni.getRecorderManager()),uni。getrecordermanager())
让自我=这个;
这个。记录员经理。onstop(函数(RES){
console.log(记录器停止JSON。stringify(RES));
自我。voice path=RES . tempfile path
});
},
方法:{
startRecord() {
console.log(开始录音);
这个。记录员经理。start();
},
endRecord() {
console.log(录音结束);
这个。记录员经理。stop();
},
playVoice() {
console.log(播放录音);
console.log(this.voicePath ,this。语音路径);
if (this.voicePath) {
这个。inneraudiocontext。src=这个。语音路径;
这个。inneraudiocontext。play();
}
},
}
}这一段是苹果手机静音时无法播放
大学。setinneraudioption({
obeyMuteSwitch: false
})这里录音展示是使用了插件月亮音频,
推荐(免费):uni-app开发教程
需要引入从@/components/luch-audio/luch-audio。vue导入卢乔迪奥,注册(在成分内注册即可)并使用
view class=audioPlay
button @tap=startRecord 开始录音/按钮
button @tap=endRecord 停止录音/按钮
按钮@tap=播放声音播放录音/按钮
/查看
音乐-音频
v-if=audioContent
:src=audioContent
:play.sync=audioPlayNew
/luch-音频添加后运行即可。
相关免费学习推荐:编程视频
以上就是uniapp如何实现录音功能的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。