mui使用百度语音合成来制作文字转语音来播放
百度语音合成中有对应的webapi可以使用,这个相对比较简单,废话不多说直接上代码吧。代码比较简单,老规矩不懂的在下方评论留言,觉得好就点个赞,转发请注明出处:https://blog.csdn.net/baidu_21919557;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
</head>
<body>
<div id="">
<textarea id="content" name="" rows="3" cols="20" style="top: 20px;height: 600px;"></textarea>
<input id="play" type="button" class="mui-btn mui-btn-block mui-btn-blue" style="height: 50px;" value="播放"></input>
<input id="puase" type="button" class="mui-btn mui-btn-block mui-btn-blue" style="height: 50px;" value="暂停"></input>
</div>
<script type="text/javascript" charset="utf-8">
var tokenUrl = "https://openapi.baidu.com/oauth/2.0/token";
var client_id = "client_id ";//此处为申请的client_id;
var client_secret = "client_secret ";/此处为申请的client_secret ;
var access_token;
var data = "grant_type=client_credentials&client_id="+client_id+"&client_secret="+client_secret;
var p = document.createElement("audio");//创建一个潜在的audio播放器
mui("body").on("tap","#play",function(){
var tex = document.getElementById("content").value.replace(/[\r\n]/g,"").replace(/\ +/g,"").replace(/-/g, '').trim();//对文本进行去空格和换行;
var a=0,b=0,c=0;
var contentArray = new Array();
if(tex.length/500>=0){//接口上传限制字数,避免出现接口腻出,限制上传字数
for (var i = 0; i < tex.length/500; i++) {
a = a + 500;
splitTex = tex.slice(b,a);
b=a;
contentArray.push(splitTex);
}
}
mui.ajax({
type:"get",
url:tokenUrl,
data:data,
async:true,
success:function(resp){
if(resp.access_token){
access_token = resp.access_token;
var shibieUrl = "http://tsn.baidu.com/text2audio";
tex = encodeURI(encodeURI(contentArray[0]));
var data = "tex="+tex+"&tok="+access_token+"&cuid=00:00:00:00:00:00&ctp=1&lan=zh&spd=5&pit=5&vol=5&per=0&aue=3";
p.controls="controls";
p.src = shibieUrl+"?"+data;
p.play();
c++;
}else{
}
},
error:function(error){
}
});
setTimeout(function(){
p.addEventListener('ended', function () {
if(contentArray.length>0&&c<=contentArray.length){
var shibieUrl = "http://tsn.baidu.com/text2audio";
tex = encodeURI(encodeURI(contentArray[c]));
var data = "tex="+tex+"&tok="+access_token+"&cuid=00:00:00:00:00:00&ctp=1&lan=zh&spd=5&pit=5&vol=5&per=0&aue=3";
p.src = shibieUrl+"?"+data;
p.play();
c++;
}else{
c=0;
}
});
},500);
});
mui("body").on("tap","#puase",function(){
if(p.paused) {
p.play();
}else{
p.pause();
}
});
</script>
</body>
</html>
mui使用百度语音合成来制作文字转语音来播放相关推荐
- 微软语音合成助手 TTS-VUE 文字转语音工具
前言 我们在刷短视频的时候经常会听到一些AI合成声音,它们有各种音色.语调,甚至不同的情绪,听起来与人声无异 其实这些大都是利用微软Azure的文字转语音技术来实现的 虽然国内也有很多配音工具,但体验 ...
- PHP使用阿里云(语音合成)实现文字转语音“TTS“
在做前,我发现阿里云竟然没有PHP文字转语音的SDK包,有点尴尬啊,没办法我选择了RESTful API 2.0的方式请求: 1:第一步:打开阿里云-->产品分类-->人工智能--> ...
- 【实用小工具】如何用Python语音合成,以及文字转语音~
文章目录 前言 正文 直接使用 1. 获取权限 1.1 环境准备: 1.2 获取权限 1.2.1 登录 1.2.2 创建新应用 1.2.3 选择服务 2. 代码实现 2.1 获取access_toke ...
- 微信小程序 -- 语音合成:将文字转为语音(插件:微信同声传译)
直接上手吧. 1. 小程序后台添加插件:微信同声传译以及在app.json进行配置 具体可看另外一篇博客:https://blog.csdn.net/qq_41638795/article/detai ...
- 微信小程序 -语音合成:将文字转为语音(小程序插件:微信同声传译)
1.小程序后台添加微信同声传译插件 效果图: 2.wxml文件代码 <view class="yuyinWrap"><textarea class='yuyinC ...
- 文字转语音+html5,JS实现文字转语音并播放
html: div> audio> div> js: function doTTS() { var ttsDiv = document.getElementById('bdtts_d ...
- 微信小程序文字转语音并播放
深知像我这种小白对不懂得绝望,希望可以帮助到别人,本文步骤较为详细 在微信小程序中,识别语音转文字或者文字转语音,可以使用官方自带的插件:微信同声传译插件 使用方法: 第一步:首先登录微信公众平台,找 ...
- 百度语音合成 js html,Node.js结合百度TTS接口实现文字转语音功能
今天工作的时候偶然发现了百度的TTS Restful接口(TTS是TextToSpeech,说白了就是文本转语音的功能).该接口如下,浏览器中可以直接访问: http://tts.baidu.com/ ...
- 【英语学习系统】使用百度API进行在线文字换语音,语音合成
使用语音与用户进行交互则最基础的部分应该具有语音合成的功能,目前百度AI平台提供的语音合成服务是很好的解决方案. 首先到百度AI官网申请创建语音合成应用,地址http://ai.baidu.com/t ...
最新文章
- 嵌入式系统理解及相关知识100问
- python 词云_利用Python生成词云
- C语言再学习 -- Xargs用法详解
- 打造0代码全自动GridView-天具神力
- 获取以逗号分隔的多个数据输入成列表,计算基本统计值(平均值、标准差、中位数)
- 4.3.2 基于集合的操作
- openwrt 音频开发
- HDU 1828:Picture(扫描线+线段树 矩形周长并)
- Netapp日志出现auth.dc.trace.DCConnection.errorMsg:error报错
- 电缆桥架安装规范标准_电缆桥架安装标准分享
- 转载:matlab流场可视化后处理
- NLP入门(十)使用LSTM进行文本情感分析
- stm32使用cubemx生成HAL库工程驱动mlx90614
- 仿微博视频边下边播之滑动 TableView 自动播放
- 虚拟机安装Windows7系统(亲测超详细)
- 软件测试AI语音智能音响,什么是智能音箱_ai音箱都有什么功能 - 全文
- 常见十大漏洞总结(原理、危害、防御)
- Loki告警的正确姿势
- qq空间播放器肤代码
- Chrome与Chromedriver版本对应表(最新)【附下载链接】
热门文章
- 【IoT】产品设计:WIFI 芯片 RTL8710BX 基础资源详解
- 解决上传图片时报错Uncaught (in promise) DOMException: Failed to execute ‘put‘ on ‘IDBObjectStore‘
- C语言:Unix时间戳-转-UTC时间
- XSLT是什么类型的语言 1
- 公司有了智能人脸识别门禁考勤机让员工考勤更轻松
- 软件测试周刊(第76期):别太在意,人生里许多事就像冰淇淋一样,都会慢慢化掉。
- STC15W4K系列单片机读取DHT11温湿度数据发送到串口
- 张一锋:法定数字货币是必然,但未必采用区块链技术,柬埔寨或发行加密货币 | 区块链日报
- LeetCode !! 69 plusOne
- selenium模拟登陆淘宝,获取cookies