微信小程序开发之录音管理
白羽 2018-07-18 来源 :网络 阅读 1061 评论 0

摘要:本文将带你了解微信小程序开发之录音管理,希望本文对大家学微信有所帮助。


小程序中提供了两种录音的API,wx.startRecord和wx.getRecorderManager(),前一个现在微信团队已经不再维护,所以在这里写一下新的录音管理,比之前要强大1.小程序录音管理介绍 wx.getRecorderManager()基础库 1.6.0 开始支持,低版本需做兼容处理,获取全局唯一的录音管理器 recorderManager。2.小程序录音管理代码// 录音管理
let record = function (recorderManager) {
  this.recorderManager = recorderManager
  this.recordStart()
}
record.prototype = {
  // 开始录音
  start: function (startObj) {
    this.recorderManager.start(startObj)
  },
  //录音开始事件
  recordStart: function () {
    this.recorderManager.onStart(() => {
      console.log(this.recorderManager, 'this.recorderManager')
    })
  }
}3.Page onLoad配置  //录音管理,new 出 第二阶段的实例
    recorderManager = wx.getRecorderManager()
    that.newRecord = new record(recorderManager)
     that.newRecord.recorderManager.onStop((res) => {
         console.log(res, '获取录制完的链接')
    })
    //播放录音
    innerAudioContext = wx.createInnerAudioContext()
    innerAudioContext.onEnded(() => {
      console.log("音频自然播放结束")
    })4.现在开始录音    startRecord() {
        let that = this,
          startObj = {
            duration: 60000,
            sampleRate: 44100,
            numberOfChannels: 1,
            encodeBitRate: 192000,
            format: 'mp3',
            frameSize: 50
          }
        //录音开始
        that.newRecord.start(startObj)
        // 录音计时器
        recordTimeInterval = setInterval(function () {
        }, 1000)
  },5.停止录音  stopRecord() {
    clearInterval(recordTimeInterval);
    //停止录音事件
    this.newRecord.recorderManager.stop()
  }6.播放录音          // 播放录音
          playVoice(e) {
            let that = this
            let srcPath = e.currentTarget.dataset.temppath, // 点击当前传递的播放链接
                  duration = e.currentTarget.dataset.duration, // 录音时间
                  index = e.currentTarget.dataset.index // 索引
            checkArr[index] = srcPath   //用于页面判断播放一个,另一个暂停
            // 播放
            innerAudioContext.obeyMuteSwitch = false
            innerAudioContext.src = srcPath
            innerAudioContext.play()
            // 时间减少器
            playTimeInterval = setInterval(() => {
              let playTime = that.data.playTime += 1
            }, 1000)
          }7.停止播放        // 停止播放
          stopVoice(forIndex, e) {
            let index;
            e !== undefined ? index = e.currentTarget.dataset.index : index = forIndex
            clearInterval(playTimeInterval)
            checkArr[index] = undefined
            innerAudioContext.stop()
          }8.只能播放一个的代码          // 只能播放一个
          onePlayFor(tempFilePath, src) {
            tempFilePath.forEach((el, i) => {
              if (el.tempFilePath !== src) {
                this.stopVoice(i)
              }
            })
          }效果图录音与停止录音使用小程序bind:touchstart='startRecord' bind:touchend='stopRecord' 事件    

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道!

本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程