vue实现百度语音合成的实例讲解
这里我完全依照百度提供的语音合成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
完整代码(非原创,参考了一个demo,但是很久以前写的找不到了):
btts(text) { console.log(text); //以下参数参考api文档,token和人的声音音色之类的参数 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); // 创建form参数 var data = {}; for (var p in param) { data[p]以上就是本次介绍的实例代码内容,大家可以在本机测试下,感谢大家的学习和对脚本之家的支持。= param[p] } // 赋值预定义参数 data.cuid = data.cuid || data.tok; data.ctp = 1; data.lan = data.lan || 'zh'; //以上为封装请求的参数 // 序列化参数列表 var fd = []; for(var k in data) { fd.push(k + '=' + encodeURIComponent(data[k])); } var frd = new FileReader(); xhr.responseType = 'blob'; xhr.send(fd.join('&')); //请求返回结果处理 xhr.onreadystatechange = function() { if (xhr.readyState == 4) { if (xhr.status == 200) { if (xhr.response.type == 'audio/mp3') { //创建audio对象进行播报 var audio = new Audio(); audio.setAttribute('src', URL.createObjectURL(xhr.response)); audio.play(); audio=null; }else{ //这里如果百度语音合成的接口返回类型不是audio/mp3,是json的话,代表你的参数有问题,返回结果失败,具体可以查看api文档 alert("调用语音合成接口token已失效!"); } }else{ alert("语音合成接口调用失败!"); } } } }
- vue 实现边输入边搜索功能的实例讲解
- Android Studio应用开发集成百度语音合成使用方法实例讲解
- vue 实现 tomato timer(蕃茄钟)实例讲解
- vue中实现上传文件给后台实例详解
- Android例子—Fragment实例讲解—底部导航栏的实现(方法1)
- 在knockoutjs 上自己实现的flux(实例讲解)
- vue 实现简单的关键词搜索实例
- laravel5.3 vue 实现收藏夹功能实例详解
- java如何实现基于opencv全景图合成实例代码
- 维特比算法(Viterbi)-实例讲解(暴力破解+代码实现)
- iOS 用自签名证书实现 HTTPS 请求的原理实例讲解
- 实例讲解hadoop中的map/reduce查询(python语言实现)
- Python 实现简单的shell sed替换功能(实例讲解)
- Asp.Mvc 2.0实现用户登录与注销功能实例讲解(2)
- 图文讲解基于centos虚拟机的Hadoop集群安装,并且使用Mahout实现贝叶斯分类实例 (2)
- jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
- vue-router实现编程式导航的代码实例
- 图文讲解基于centos虚拟机的Hadoop集群安装,并且使用Mahout实现贝叶斯分类实例 (4)
- vue实现文字横向无缝走马灯组件效果的实例代码
- vue项目中跳转到外部链接的实例讲解