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

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

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

具體代碼如下所示:

wx.ready(function () {
    var startRecordflag = false
    var startTime = null
     //btnRecord 為錄音按鈕dom對(duì)象
    btnRecord.addEventListener('touchstart', function (event) {
      event.preventDefault();
      startTime = newDate().getTime();
      // 延時(shí)后錄音,避免誤操作
      recordTimer = setTimeout(function () {
        wx.startRecord({
          success: function () {
            var rainAllowRecord = sessionStorage.getItem("rainAllowRecord");//判斷是否授權(quán)過允許使用錄音功能
            if (!isEmpty(rainAllowRecord) && rainAllowRecord == "1") {
              //開始錄音時(shí)的操作 如修改錄音按鈕樣式等
            } else {
              //一般第一次時(shí) 都沒有授權(quán) 彈出授權(quán)窗口后 無法終止錄音過程 所以在這里設(shè)置rainAllowRecord 的值表示允許過錄音 并且在第一次時(shí)主動(dòng)停止錄音
              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 因?yàn)閟tartRecord是個(gè)異步方法 防止沒有進(jìn)入startRecord 的回調(diào)就進(jìn)入了這里
        var startRecordHandle = setInterval(function () {
          //startRecordflag為true 表示已經(jīng)進(jìn)入過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('錄音時(shí)間已超過一分鐘');
      }
    });
    function translateVoice() {
      //調(diào)用微信的語音轉(zhuǎn)文字接口
      wx.translateVoice({
        localId: voice.localId,
        isShowProgressTips: 0,
        complete: function (res) {
          if (res.hasOwnProperty('translateResult')) {
            alert('識(shí)別結(jié)果:' + res.translateResult);
          } else {
          }
        }
      });
    }
    function playVoice() {
      wx.playVoice({
        localId: voice.localId
      });
    }
  })

總結(jié)

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    JavaScript localStorage使用教程詳解

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

    javascript按順序加載運(yùn)行js方法

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

    Bootstrap每天必學(xué)之縮略圖與警示窗

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

最新評(píng)論

泗洪县| 武邑县| 扎赉特旗| 阿拉尔市| 夏津县| 涟水县| 洞头县| 海门市| 无为县| 苏尼特左旗| 晋城| 武清区| 琼中| 交口县| 桃园市| 灵寿县| 沾益县| 博爱县| 凤翔县| 石河子市| 永川市| 汤原县| 青龙| 图木舒克市| 桂阳县| 连州市| 苍山县| 舒城县| 瑞丽市| 杭锦旗| 新蔡县| 北宁市| 桂平市| 太和县| 冷水江市| 景德镇市| 青海省| 开封县| 石渠县| 镇坪县| 聊城市|