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