当前位置:微信小程序开发 > 小程序资讯 > 小程序开发教程 > 微信小程序录音和播放录音的开发

微信小程序录音和播放录音的开发

2018-08-01 11:05 来源: 霸界科技

摘要:关于微信小程序录音与播放录音的开发,小程序中提供了两种录音的API。...

期权保本理财
  关于微信小程序录音与播放录音的开发,小程序中提供了两种录音的API。
 
微信小程序录音和播放录音的开发
 
  旧版录音功能
 
  首先启动录音,然后停止录音即可拉到音频的临时地址
 
  启动录音:
 
  var that = this;
 
  wx.startRecord({
 
  success: function (res) {
 
  // 调用了停止录音接口就会触发这个函数,res.tempFilePath为录音文件临时路径
 
  var tempFilePath = res.tempFilePath
 
  that.setData({
 
  src: tempFilePath
 
  })
 
  },
 
  fail: function (res) {
 
  //录音失败的处理函数
 
  }
 
  })
 
  停止录音:
 
  wx.stopRecord()
 
  播放录音:
 
  wx.playVoice({
 
  filePath: src // src可以是录音文件临时路径
 
  })
 
  新版录音
 
  获取全局唯一的录音管理器,然后录音都依赖他,而播放录音则需要内部 audio 上下文 innerAudioContext 对象。
 
  获取全局唯一的录音管理器:
 
  var that = this;
 
  this.recorderManager = wx.getRecorderManager();
 
  this.recorderManager.onError(function(){
 
  // 录音失败的回调处理
 
  });
 
  this.recorderManager.onStop(function(res){
 
  // 停止录音之后,把录取到的音频放在res.tempFilePath
 
  that.setData({
 
  src: res.tempFilePath
 
  })
 
  console.log(res.tempFilePath )
 
  });
 
  开始录音:
 
  this.recorderManager.start({
 
  format: 'mp3' // 如果录制acc类型音频则改成aac
 
  });
 
  结束录音:
 
  this.recorderManager.stop()
 
  播放音频:
 
  this.innerAudioContext = wx.createInnerAudioContext();
 
  this.innerAudioContext.onError((res) => {
 
  // 播放音频失败的回调
 
  })
 
  this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径
 
  this.innerAudioContext.play()
 
  DEMO地址
 
  github:https://github.com/yubang/appletRecordDemo
分享到:
最新评论

网友:

验证码: 点击我更换图片

联系我们

业务咨询:15918761088

招商咨询:15918761088(微信同号)

周一至周五 9:30-18:30

公司地址:广州市海珠区昌岗中路166号富盈国际大厦2505室

官方微信 官方微博

Copyright © 2018 www.keji168.com 广州霸界网络科技有限公司版权所有 粤ICP备18083764号-1

客服
套餐咨询,合作细节等
在线客服
电话咨询
159-1876-1088