微信網頁錄音功能

来源:https://www.cnblogs.com/jjlinsblog/archive/2019/04/29/10792323.html
-Advertisement-
Play Games

wx.ready(function () { var startRecordflag = false var startTime = null //btnRecord 為錄音按鈕dom對象 btnRecord.addEventListener('touchstart', function (even... ...


 wx.ready(function () {
     var voice = {
      localId: '',
      serverId: '',
     }
var startRecordflag = false var startTime = null
     //btnRecord 為錄音按鈕dom對象 btnRecord.addEventListener('touchstart', function (event) { event.preventDefault(); startTime = newDate().getTime(); // 延時後錄音,避免誤操作 recordTimer = setTimeout(function () { wx.startRecord({ success: function () { var rainAllowRecord = sessionStorage.getItem("rainAllowRecord");//判斷是否授權過允許使用錄音功能 if (!isEmpty(rainAllowRecord) && rainAllowRecord == "1") { //開始錄音時的操作 如修改錄音按鈕樣式等 } else { //一般第一次時 都沒有授權 彈出授權視窗後 無法終止錄音過程 所以在這裡設置rainAllowRecord 的值表示允許過錄音 並且在第一次時主動停止錄音 sessionStorage.setItem("rainAllowRecord", "1"); wx.stopRecord(); } startRecordflag = true; }, cancel: function () { startRecordflag = true; alert('用戶拒絕授權錄音'); }, complete: function () { startRecordflag = true; } }); }, 300); }); btnRecord.addEventListener('touchend', function (event) { event.preventDefault(); // 間隔太短 var timeDitance = newDate().getTime() - startTime; if (timeDitance < 300) { startTime = 0; // 不錄音 clearTimeout(recordTimer); } else { // 鬆手結束錄音 //startRecordflag 因為startRecord是個非同步方法 防止沒有進入startRecord 的回調就進入了這裡 var startRecordHandle = setInterval(function () { //startRecordflag為true 表示已經進入過startRecord的回調 if (startRecordflag) { startRecordflag = false; clearInterval(startRecordHandle); wx.stopRecord({ success: function (res) { voice.localId = res.localId; translateVoice(); }, fail: function (res) { } }); } }, 0); } }); wx.onVoiceRecordEnd({ complete: function (res) { voice.localId = res.localId; alert('錄音時間已超過一分鐘'); } }); function translateVoice() { //調用微信的語音轉文字介面 wx.translateVoice({ localId: voice.localId, isShowProgressTips: 0, complete: function (res) { if (res.hasOwnProperty('translateResult')) { alert('識別結果:' + res.translateResult); } else { } } }); } function playVoice() { wx.playVoice({ localId: voice.localId }); } })

 

 
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在筆者本人看了很多博客和書之後,發現很少博主對於自定義控制項能夠進行一個比較全面的思路講解,大多數都是只講了一些細節,但並沒有講如何把代碼進行整體的實現。因此這裡講講整體的自定義button實現的詳細過程,其餘的細節則可以查看其他博主的博客即可,也可以參考《Android開發藝術探索》這本書的第六章, ...
  • AndroidStduio3.0使用gradle將module打包jar文件,首先需要安裝gradle。 打開控制台輸入 open -e .bash_profile 命令,就可以打開配置文件的文本,在裡面添加 然後進行保存。在輸入 source .bash_profile 命令保存你的設置。 在控制 ...
  • 一、項目介紹 基於Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技術混合架構開發的仿微信web端聊天室——vueWebChat,實現了發送消息、表情(動圖),圖片、視頻預覽,右鍵菜單、截屏、截圖可直接粘貼 ...
  • ajax 全稱為 “Asynchronous JavaScript and XML”(非同步 JavaScript 和 XML),是一種創建互動式網頁應用的網頁開發技術,本質上是一個瀏覽器端的技術,就是在不跳轉頁面的情況下,實現對伺服器的訪問並返回數據,將數據局部非同步刷新在網頁中的技術 ajax 不是 ...
  • 1.原型模式 function Father(){ this.property = true; } Father.prototype.getValue = function(){ return this.property; } function Son(){ this.Sonproperty = f ...
  • JQuery下載 JQuery只是一個 JS函數庫 ,要使用其中的方法還是要在JS文件中進行調用。 一般去https://mvnrepository.com/這個網站下載,搜索JQuery就能找到JS文件下載。 下載完成後通過script src="JQuery.js文件路徑",進行載入,併在其他j ...
  • 點擊直通車↓↓↓ 數據類型及數據類型的手動轉換 數組 一、概念 JavaScript(JS)是一種基於對象和事件驅動、且可以與HTML標記語言混合使用的腳本語言,其編寫的程式可以直接在瀏覽器中解釋執 二、與java的關係 從本質上來講,Java和JS是兩門語言,並沒有本質上的聯繫。 三、如何寫js代 ...
  • 關於JavaScript函數執行環境的過程,IBM developerworks文檔庫中的一段描述感覺很不錯,摘抄如下: “JavaScript 中的函數既可以被當作普通函數執行,也可以作為對象的方法執行,這是導致 this 含義如此豐富的主要原因。一個函數被執行時,會創建一個執行環境(Execut ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...