微信小程序錄音與播放錄音功能
小程序中提供了兩種錄音的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 )
});
開始錄音:
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ì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- 微信小程序用戶后臺(tái)定位及錄音授權(quán)及請(qǐng)求示例
- 微信小程序?qū)崿F(xiàn)錄音與音頻播放功能
- 微信小程序?qū)崿F(xiàn)錄音Record功能
- 微信小程序錄音實(shí)現(xiàn)功能并上傳(使用node解析接收)
- 微信小程序?qū)崿F(xiàn)錄音功能
- 微信小程序?qū)崿F(xiàn)錄音時(shí)的麥克風(fēng)動(dòng)畫效果實(shí)例
- 微信小程序錄音文件格式silk遇到的問題及解決方法
- 微信小程序開發(fā)之錄音機(jī) 音頻播放 動(dòng)畫實(shí)例 (真機(jī)可用)
- 微信小程序-圖片、錄音、音頻播放、音樂播放、視頻、文件代碼實(shí)例
- 微信小程序?qū)崿F(xiàn)錄音播放錄音功能
相關(guān)文章
JavaScript如何調(diào)試有哪些建議和技巧附五款有用的調(diào)試工具
這篇文章給大家介紹javascript如何調(diào)試有哪些建議和技巧,涉及到j(luò)avascript調(diào)試方法相關(guān)知識(shí),對(duì)javascript調(diào)試方法感興趣的朋友可以參考下本篇文章2015-10-10
JS動(dòng)態(tài)遍歷json中所有鍵值對(duì)的方法(不知道屬性名的情況)
這篇文章主要介紹了JS動(dòng)態(tài)遍歷json中所有鍵值對(duì)的方法,實(shí)例分析了針對(duì)不知道屬性名的情況簡單遍歷json鍵值對(duì)的操作技巧,需要的朋友可以參考下2016-12-12
AlertBox 彈出層信息提示框效果實(shí)現(xiàn)步驟
彈出層就是相對(duì)文檔或窗口定位的一個(gè)層,一般用來顯示提示信息、廣告等內(nèi)容,還可以配合覆蓋層來鎖定頁面。2010-10-10
相關(guān)JavaScript在覽器中實(shí)現(xiàn)可視化的四種方式
這篇文章主要介紹了相關(guān)JavaScript在覽器中實(shí)現(xiàn)可視化的四種方式,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2022-09-09
微信小程序之swiper輪播圖中的圖片自適應(yīng)高度的方法
這篇文章主要介紹了微信小程序之swiper輪播圖中的圖片自適應(yīng)高度的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
webuploader分片上傳的實(shí)現(xiàn)代碼(前后端分離)
這篇文章主要介紹了webuploader分片上傳的實(shí)現(xiàn)代碼(前后端分離),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼
這篇文章主要介紹了javascript和jquery實(shí)現(xiàn)設(shè)置和移除文本框默認(rèn)值效果代碼,本文實(shí)現(xiàn)的是類似html5 placeholder(空白提示)一種效果,需要的朋友可以參考下2015-01-01

