微信小程序錄音與播放錄音功能

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:22:58

微信小程序錄音與播放錄音功能

微信小程序錄音與播放錄音功能:小程序中提供了兩種錄音的API 舊版錄音功能首先啟動(dòng)錄音，然后停止錄音即可拉到音頻的臨時(shí)地址啟動(dòng)錄音： var that = this; wx.startRecord({ success: function (res) { // 調(diào)用了停止錄音接口就會(huì)觸發(fā)這個(gè)函數(shù)，res.tempFilePath為錄音

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀微信小程序錄音與播放錄音功能:小程序中提供了兩種錄音的API 舊版錄音功能首先啟動(dòng)錄音，然后停止錄音即可拉到音頻的臨時(shí)地址啟動(dòng)錄音： var that = this; wx.startRecord({ success: function (res) { // 調(diào)用了停止錄音接口就會(huì)觸發(fā)這個(gè)函數(shù)，res.tempFilePath為錄音

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

DEMO地址

github: https://github.com/yubang/appletRecordDemo

總結(jié)

以上所述是小編給大家介紹的微信小程序錄音與播放錄音功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com