這篇文章主要講解了“微信小程序怎么實(shí)現(xiàn)錄音與播放錄音功能”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“微信小程序怎么實(shí)現(xiàn)錄音與播放錄音功能”吧!
創(chuàng)新互聯(lián)是一家專業(yè)提供德江企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、H5場(chǎng)景定制、小程序制作等業(yè)務(wù)。10年已為德江眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jì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 ) });
開(kāi)始錄音:
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)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)微信小程序怎么實(shí)現(xiàn)錄音與播放錄音功能這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!