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

vue實(shí)現(xiàn)百度語音合成的實(shí)例講解

 更新時間:2019年10月14日 14:37:09   作者:戲言xjx  
在本篇文章里小編給大家整理的是關(guān)于vue實(shí)現(xiàn)百度語音合成的實(shí)例內(nèi)容,以及相關(guān)代碼,需要的朋友們參考下。

這里我完全依照百度提供的語音合成api來做:https://ai.baidu.com/docs#/TTS-Online-Node-SDK/top 直接去看node.js SDK。

1.換取access_token:

參考:https://ai.baidu.com/docs#/TTS-API/top,在這里用瀏覽器換取token

2.下載sdk依賴:

npm install baidu-aip-sdk

完整代碼(非原創(chuàng),參考了一個demo,但是很久以前寫的找不到了):

btts(text) {
   console.log(text);   //以下參數(shù)參考api文檔,token和人的聲音音色之類的參數(shù)
   var param={
      tex: text,
      tok: '24.e835483633e8680242bb042693e1c071.********.1573463462.******-16425747',//這個token要換成自己的
      spd: 5,
      pit: 5,
      vol: 15,
      per: 4
    };
   var url = 'http://tsn.baidu.com/text2audio';
   var p = param || {};
   var that = this;
   var xhr = new XMLHttpRequest();
   xhr.open('POST', url);
    // 創(chuàng)建form參數(shù)
     var data = {};
     for (var p in param) {
     data[p] = param[p]
   }

     // 賦值預(yù)定義參數(shù)
     data.cuid = data.cuid || data.tok;
   data.ctp = 1;
   data.lan = data.lan || 'zh';
    //以上為封裝請求的參數(shù)



     // 序列化參數(shù)列表
    var fd = [];
   for(var k in data) {
     fd.push(k + '=' + encodeURIComponent(data[k]));
   }

   var frd = new FileReader();
   xhr.responseType = 'blob';
   xhr.send(fd.join('&'));

    //請求返回結(jié)果處理
   xhr.onreadystatechange = function() {
     if (xhr.readyState == 4) {
       if (xhr.status == 200) {
         if (xhr.response.type == 'audio/mp3') {
             //創(chuàng)建audio對象進(jìn)行播報(bào)
           var audio = new Audio();
           audio.setAttribute('src', URL.createObjectURL(xhr.response));
           audio.play();
           audio=null;
         }else{
            //這里如果百度語音合成的接口返回類型不是audio/mp3,是json的話,代表你的參數(shù)有問題,返回結(jié)果失敗,具體可以查看api文檔
        alert("調(diào)用語音合成接口token已失效!");
        }
       }else{
        alert("語音合成接口調(diào)用失敗!");
       }
     }
   }
  }

以上就是本次介紹的實(shí)例代碼內(nèi)容,大家可以在本機(jī)測試下,感謝大家的學(xué)習(xí)和對腳本之家的支持。

相關(guān)文章

  • ant design的table組件實(shí)現(xiàn)全選功能以及自定義分頁

    ant design的table組件實(shí)現(xiàn)全選功能以及自定義分頁

    這篇文章主要介紹了ant design的table組件實(shí)現(xiàn)全選功能以及自定義分頁,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • 淺談webpack SplitChunksPlugin實(shí)用指南

    淺談webpack SplitChunksPlugin實(shí)用指南

    這篇文章主要介紹了淺談webpack SplitChunksPlugin實(shí)用指南,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • unplugin-auto-import與unplugin-vue-components安裝問題解析

    unplugin-auto-import與unplugin-vue-components安裝問題解析

    這篇文章主要為大家介紹了unplugin-auto-import與unplugin-vue-components問題解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-02-02
  • vue中computed順序、watch順序、響應(yīng)次數(shù)使用

    vue中computed順序、watch順序、響應(yīng)次數(shù)使用

    這篇文章主要介紹了vue中computed順序、watch順序、響應(yīng)次數(shù)使用方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-08-08
  • 使用Vue-router二級路由跳轉(zhuǎn)另一條路由下的子級

    使用Vue-router二級路由跳轉(zhuǎn)另一條路由下的子級

    這篇文章主要介紹了使用Vue-router二級路由跳轉(zhuǎn)另一條路由下的子級問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • Vue渲染過程淺析

    Vue渲染過程淺析

    這篇文章主要介紹了Vue渲染過程淺析,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • vue中$set與$delete的使用及說明

    vue中$set與$delete的使用及說明

    這篇文章主要介紹了vue中$set與$delete的使用及說明,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • npm install報(bào)錯缺少python問題及解決

    npm install報(bào)錯缺少python問題及解決

    這篇文章主要介紹了npm install報(bào)錯缺少python問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • Vue中使用的EventBus有生命周期

    Vue中使用的EventBus有生命周期

    這篇文章主要介紹了Vue中使用的EventBus有生命周期的相關(guān)知識,非常不錯,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-07-07
  • vue+iview實(shí)現(xiàn)文件上傳

    vue+iview實(shí)現(xiàn)文件上傳

    這篇文章主要為大家詳細(xì)介紹了vue+iview實(shí)現(xiàn)文件上傳,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11

最新評論

大渡口区| 威信县| 杂多县| 大英县| 宁武县| 商城县| 四会市| 涟源市| 郑州市| 驻马店市| 盐边县| 于都县| 温州市| 海宁市| 延边| 东乡族自治县| 白银市| 彭水| 罗平县| 重庆市| 浠水县| 油尖旺区| 班戈县| 蓬莱市| 福建省| 靖宇县| 个旧市| 盐城市| 印江| 乐业县| 屯留县| 韶关市| 高清| 射洪县| 正蓝旗| 嘉禾县| 沿河| 灌云县| 虞城县| 大新县| 湄潭县|