微信小程序錄音與播放錄音功能
小程序中提供了兩種錄音的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
總結
以上所述是小編給大家介紹的微信小程序錄音與播放錄音功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
JavaScript如何調試有哪些建議和技巧附五款有用的調試工具
這篇文章給大家介紹javascript如何調試有哪些建議和技巧,涉及到javascript調試方法相關知識,對javascript調試方法感興趣的朋友可以參考下本篇文章2015-10-10JS動態(tài)遍歷json中所有鍵值對的方法(不知道屬性名的情況)
這篇文章主要介紹了JS動態(tài)遍歷json中所有鍵值對的方法,實例分析了針對不知道屬性名的情況簡單遍歷json鍵值對的操作技巧,需要的朋友可以參考下2016-12-12javascript和jquery實現設置和移除文本框默認值效果代碼
這篇文章主要介紹了javascript和jquery實現設置和移除文本框默認值效果代碼,本文實現的是類似html5 placeholder(空白提示)一種效果,需要的朋友可以參考下2015-01-01