最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

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

來源:懂視網 責編:小采 時間:2020-11-27 22:22:58
文檔

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

微信小程序錄音與播放錄音功能:小程序中提供了兩種錄音的API 舊版錄音功能 首先啟動錄音,然后停止錄音即可拉到音頻的臨時地址 啟動錄音: var that = this; wx.startRecord({ success: function (res) { // 調用了停止錄音接口就會觸發(fā)這個函數,res.tempFilePath為錄音
推薦度:
導讀微信小程序錄音與播放錄音功能:小程序中提供了兩種錄音的API 舊版錄音功能 首先啟動錄音,然后停止錄音即可拉到音頻的臨時地址 啟動錄音: var that = this; wx.startRecord({ success: function (res) { // 調用了停止錄音接口就會觸發(fā)這個函數,res.tempFilePath為錄音

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

舊版錄音功能

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

啟動錄音:

var that = this;
 wx.startRecord({
 success: function (res) {
 // 調用了停止錄音接口就會觸發(fā)這個函數,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()

DEMO地址

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

總結

以上所述是小編給大家介紹的微信小程序錄音與播放錄音功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

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

微信小程序錄音與播放錄音功能:小程序中提供了兩種錄音的API 舊版錄音功能 首先啟動錄音,然后停止錄音即可拉到音頻的臨時地址 啟動錄音: var that = this; wx.startRecord({ success: function (res) { // 調用了停止錄音接口就會觸發(fā)這個函數,res.tempFilePath為錄音
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top