微信小程序如何實(shí)現(xiàn)錄音與播放錄音功能

這篇文章主要為大家展示了“微信小程序如何實(shí)現(xiàn)錄音與播放錄音功能”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序如何實(shí)現(xiàn)錄音與播放錄音功能”這篇文章吧。

小程序中提供了兩種錄音的API

舊版錄音功能

首先啟動(dòng)錄音，然后停止錄音即可拉到音頻的臨時(shí)地址

啟動(dòng)錄音：

var that = this;
  wx.startRecord({
   success: function (res) {
    // 調(diào)用了停止錄音接口就會(huì)觸發(fā)這個(gè)函數(shù)，res.tempFilePath為錄音文件臨時(shí)路徑
    var tempFilePath = res.tempFilePath
    that.setData({
     src: tempFilePath
    })
   },
   fail: function (res) {
    //錄音失敗的處理函數(shù)
   }
  })

停止錄音：

wx.stopRecord()

播放錄音：

wx.playVoice({
 filePath: src // src可以是錄音文件臨時(shí)路徑
})

新版錄音

獲取全局唯一的錄音管理器，然后錄音都依賴他，而播放錄音則需要內(nèi)部 audio 上下文 innerAudioContext 對(duì)象。

獲取全局唯一的錄音管理器：

var that = this;
  this.recorderManager = wx.getRecorderManager();
  this.recorderManager.onError(function(){
   // 錄音失敗的回調(diào)處理
  });
  this.recorderManager.onStop(function(res){
   // 停止錄音之后，把錄取到的音頻放在res.tempFilePath
   that.setData({
    src: res.tempFilePath 
   })
   console.log(res.tempFilePath )
  });

開始錄音：

this.recorderManager.start({
   format: 'mp3' // 如果錄制acc類型音頻則改成aac
});

結(jié)束錄音：

this.recorderManager.stop()

播放音頻：

this.innerAudioContext = wx.createInnerAudioContext();
  this.innerAudioContext.onError((res) => {
   // 播放音頻失敗的回調(diào)
  })
  this.innerAudioContext.src = this.data.src; // 這里可以是錄音的臨時(shí)路徑
  this.innerAudioContext.play()

以上是“微信小程序如何實(shí)現(xiàn)錄音與播放錄音功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！