微信小程序如何實現錄音與播放錄音功能

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

小程序中提供了兩種錄音的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()

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