微信小程序录音与播放录音

2017-11-02 20:01:22 阅读：706 作者：子龙 来源：巨推传媒 分类：小程序开发

微信小程序录音与播放录音

小程序中提供了两种录音的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: http://github.com/yubang/appletRecordDemo

微信开发 微信 小程序开发 2018微信较新手机版本 2018微信较新的版本 微信公众平台官网 微信公众平台注册 微信公众号怎么申请 微信24小时人工服务400 怎么注册微信公众号 微信公众号登录手机版 砍价技巧

上一篇：抓取微博，同步到Twitter 下一篇：担心 AI“造反”，但是游戏中测试的方式靠谱吗？

更多推荐

• 
  小程序开发 定制微商城分销系统 微信分销平台不单单是为了做好网络营销，其实在面对营销的时候更多的时候离不开市场，所以这个时候应该明确的就是微信分销应该做好具体的市场营销工作。一起来看看该怎么做...

  2019-03-21 17:28:12 2668

• 
  小程序开发 微商城有多种销售方式，让你快速实现分销 一、微商城有多种销售方式，让你快速实现分销 1、微商城采用主店无数分店的模式，让企业拉动与分销商之间在订单协作、商品信息、库存管理、渠道沟通等业务环节的紧密协作...

  2019-03-21 17:27:07 2949

• 
  小程序开发 企业进行微信小程序开发的好处有哪些呢？ 目前， 微信 小程序 开发 呈现出 持续火热 的状态 ，越来越多的商家开始关注并开发自己的小程序， 但是，我们也看到，还有一部分的 商家 持观望的态度，不知道是...

  2019-03-21 17:25:57 3047

• 
  小程序开发 企业如何发挥微信小程序的作用呢？ 现在， 微信小程序 成为了企业在进行微信营销时又一个有效的方式，许多企业通过 微信小程序 开发的方式建立起微信上的营销覆盖网络，但是，有些企业在开发小程序之后，...

  2019-03-21 17:24:53 2953

• 
  小程序开发 企业进行微信小程序开发后能够赚钱吗？ 微信小程序 对于许多企业的发展是有助力作用的，因此，现在 许多公司在小程序出现已经开始申请自己的账号，一些提前开始运营 微信小程序 的公司已经取得了不错的成绩，...

  2019-03-21 17:23:46 3021