最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于JS開發(fā)微信網(wǎng)頁錄音功能的實例代碼

 更新時間:2019年04月30日 09:54:25   作者:JJLin  
這篇文章主要介紹了基于JS開發(fā)微信網(wǎng)頁錄音功能的實例代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下

具體代碼如下所示:

wx.ready(function () {
    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");//判斷是否授權(quán)過允許使用錄音功能
            if (!isEmpty(rainAllowRecord) && rainAllowRecord == "1") {
              //開始錄音時的操作 如修改錄音按鈕樣式等
            } else {
              //一般第一次時 都沒有授權(quán) 彈出授權(quán)窗口后 無法終止錄音過程 所以在這里設(shè)置rainAllowRecord 的值表示允許過錄音 并且在第一次時主動停止錄音
              sessionStorage.setItem("rainAllowRecord", "1");
              wx.stopRecord();
            }
            startRecordflag = true;
          },
          cancel: function () {
            startRecordflag = true;
            alert('用戶拒絕授權(quán)錄音');
          },
          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 {
        // 松手結(jié)束錄音
        //startRecordflag 因為startRecord是個異步方法 防止沒有進入startRecord 的回調(diào)就進入了這里
        var startRecordHandle = setInterval(function () {
          //startRecordflag為true 表示已經(jīng)進入過startRecord的回調(diào)
          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() {
      //調(diào)用微信的語音轉(zhuǎn)文字接口
      wx.translateVoice({
        localId: voice.localId,
        isShowProgressTips: 0,
        complete: function (res) {
          if (res.hasOwnProperty('translateResult')) {
            alert('識別結(jié)果:' + res.translateResult);
          } else {
          }
        }
      });
    }
    function playVoice() {
      wx.playVoice({
        localId: voice.localId
      });
    }
  })

總結(jié)

以上所述是小編給大家介紹的基于JS開發(fā)微信網(wǎng)頁錄音功能的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

相關(guān)文章

  • 簡單實現(xiàn)JavaScript彈幕效果

    簡單實現(xiàn)JavaScript彈幕效果

    這篇文章主要幫助大家簡單實現(xiàn)JavaScript彈幕效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • JavaScript實現(xiàn)網(wǎng)頁播放器

    JavaScript實現(xiàn)網(wǎng)頁播放器

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁播放器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 80行代碼寫一個Webpack插件并發(fā)布到npm

    80行代碼寫一個Webpack插件并發(fā)布到npm

    最近在學習 Webpack 相關(guān)的原理,本文用80行代碼寫一個Webpack插件并發(fā)布到npm,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • javascript系統(tǒng)時間設(shè)置操作示例

    javascript系統(tǒng)時間設(shè)置操作示例

    這篇文章主要介紹了javascript系統(tǒng)時間設(shè)置操作,涉及javascript時間運算與判斷相關(guān)操作技巧,需要的朋友可以參考下
    2019-06-06
  • 網(wǎng)頁廣告中JS代碼的信息監(jiān)聽示例

    網(wǎng)頁廣告中JS代碼的信息監(jiān)聽示例

    在一些網(wǎng)頁廣告中提供的JS代碼可以進行代碼注入,然后監(jiān)視各種元素,下面有個示例,大家可以參考下
    2014-04-04
  • JavaScript中常用的3種彈出提示框(alert、confirm、prompt)

    JavaScript中常用的3種彈出提示框(alert、confirm、prompt)

    這篇文章主要給大家介紹了關(guān)于JavaScript中常用的3種彈出提示框(alert、confirm、prompt)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-11-11
  • Javascript實現(xiàn)表單檢驗

    Javascript實現(xiàn)表單檢驗

    這篇文章主要介紹了Javascript實現(xiàn)表單檢驗,以注冊界面為例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • JavaScript localStorage使用教程詳解

    JavaScript localStorage使用教程詳解

    JavaScriptlocalStorage基本上是瀏覽器Window對象中的存儲,您可以在中存儲任何內(nèi)容localStorage,localStorage及其相關(guān)的sessionStorage是 Web Storage API的一部分,我們將在本文詳細了解這些,需要的朋友可以參考下
    2023-06-06
  • javascript按順序加載運行js方法

    javascript按順序加載運行js方法

    本篇文章主要教給大家如何在javascript中動態(tài)加載按順序加載運行js的方法以及實現(xiàn)代碼,需要的朋友參考學習下吧。
    2017-12-12
  • Bootstrap每天必學之縮略圖與警示窗

    Bootstrap每天必學之縮略圖與警示窗

    Bootstrap每天必學之縮略圖與警示窗,對Bootstrap縮略圖與警示窗小編也了解的很少,希望通過這篇文章和大家更多的去學習Bootstrap縮略圖與警示窗,從中得到收獲。
    2015-11-11

最新評論

佛坪县| 台东县| 长治县| 翁源县| 淮安市| 武宣县| 绥化市| 克什克腾旗| 尚义县| 运城市| 安徽省| 阿勒泰市| 丰宁| 罗江县| 石柱| 贺州市| 崇仁县| 溧水县| 自贡市| 孟津县| 渝北区| 泽库县| 仪征市| 邵阳市| 高密市| 凌海市| 顺义区| 岱山县| 长沙市| 温州市| 乌鲁木齐县| 栾城县| 柘荣县| 桑植县| 仁化县| 东乌珠穆沁旗| 蓬安县| 望城县| 桐庐县| 古交市| 辽源市|