uniapp 通话录音,uniapp实现录屏

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: