溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序如何實現(xiàn)錄音和播放錄音的開發(fā)

發(fā)布時間:2022-03-15 11:51:18 來源:億速云 閱讀:327 作者:小新 欄目:開發(fā)技術(shù)

這篇文章主要介紹了微信小程序如何實現(xiàn)錄音和播放錄音的開發(fā),具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

  關(guān)于微信小程序錄音與播放錄音的開發(fā),小程序中提供了兩種錄音的API。

  舊版錄音功能

  首先啟動錄音,然后停止錄音即可拉到音頻的臨時地址

  啟動錄音:

  var that = this;

  wx.startRecord({

  success: function (res) {

  // 調(diào)用了停止錄音接口就會觸發(fā)這個函數(shù),res.tempFilePath為錄音文件臨時路徑

  var tempFilePath = res.tempFilePath

  that.setData({

  src: tempFilePath

  })

  },

  fail: function (res) {

  //錄音失敗的處理函數(shù)

  }

  })

  停止錄音:

  wx.stopRecord()

  播放錄音:

  wx.playVoice({

  filePath: src // src可以是錄音文件臨時路徑

  })

  新版錄音

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

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

  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; // 這里可以是錄音的臨時路徑

  this.innerAudioContext.play()

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“微信小程序如何實現(xiàn)錄音和播放錄音的開發(fā)”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI