小程式實現長按錄音,上劃取消傳送操作具體步驟

2022-09-24 00:15:21 字數 739 閱讀 5090

最近在使用mpvue開發小程式,需要用到錄音功能,於是打算參照微信的錄音方案:"長按錄音鬆開傳送,上劃取消傳送"。在網上找了一圈都沒發現相似的案例,沒辦法只能自己實現。

下面講解只貼上關鍵**

微信小程式事件介面:

//html部分 class部分只是控制樣式 與功能無關分析:長按錄音需要longpress事件,鬆開傳送需要touchend事件,上滑取消傳送需要touchmove事件。由此可有以下html**

}舊版的小程式錄音介面wx.startrecord和wx.stoprecord在1.6.0版本後不再維護了,所以使用其建議的wx.getrecordmanager介面。

注意:使用wx.getrecordmanager介面的話,應呼叫相應的音訊控制介面wx.createinneraudiocontext()來**和控制錄音.

data(), //與錄音相關的資料結構

recordermanager: wx.getrecordermanager(), //錄音管理上下文

startpoint: {}, //記錄長按錄音開始點資訊,用於後面計算滑動距離。

sendlock: true, //傳送鎖,當為true時上鎖,false時解鎖傳送

},onload() else );

else this.contents = [...this.contents,];//contents是儲存錄音結束後的資料結構,用於渲染.

}});

}在這個方法中需要做的事:

python實現錄音小程式

學習目標 掌握python的pyaudio擴充套件包程式設計客棧和w e模組錄製語音的方法 python w 包是自帶的,pyaudio需要 pip3 install pyaudio python讀w 檔案 fp w e.open rb nf fp.getnframes 獲取檔案的取樣點數量 pri...

微信小程式實現錄音上傳

2.api文件 新建完成後,專案自帶有模板。結構如圖。audio是我新建的。其餘都是專案生成的。wxml檔案相當於html,wxss相當於css檔案,json裡可以方配置或者臨時資料之類的。在audio.wxml中新增開始錄製按鈕。pages audio audio.wxml container r...

微信小程式實現點選拍照長按錄影功能

裡面注釋寫的都很詳細,直接上 官方的元件屬性中有觸控開始和觸控結束屬性。本功能依靠這些屬性實現。wxml 點選 長按 wxss pages camera camera.wxss cover image,video btn photo video.js pages camera camera.js p...