基于百度tts-实现文字转语音，支持下载，在线预览
2024-04-21 15:47:16
1.新建一个.html 文件，将下面的代码复制到文件内，保存。
<!-- <!DOCTYPE html>
<html>
<head><title>文字转语音</title>
</head> -->
<!-- 参考文档： https://ai.baidu.com/ai-doc/SPEECH/Qk38y8lrl#%E4%B8%8A%E4%BC%A0%E5%8F%82%E6%95%B0 -->
<!DOCTYPE html>
<html>
<head><title></title>
</head>
<!-- 开发API: https://www.cnblogs.com/Jorgensen/p/11546486.html -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<style type="text/css">p{background-color: #96b97db0;padding: 6px;font-size: 14px;color: #f5fff4;}#text{background-color: #e3e3e3;border: 0;width:99%;height: 100px;}button{background-color: #d4d3d3;color: white;margin: 5px;}#spd{width: 50px;}.text {font-size: 14px;}.item {margin-bottom: 18px;}.clearfix:before,.clearfix:after {display: table;content: "";}.clearfix:after {clear: both}.box-card {width: 480px;}</style> <body>
<div id="app" >
<el-card class="box-card"><div slot="header" class="clearfix"><span style="font-weight:bold;">文字转语音-百度tts</span><el-button type="primary" icon="el-icon-headset" style="float: right;margin:3px;" @click="previewClick()">预览</el-button></div><div><span>语言：</span><el-radio-group v-model="param.lan" @change="previewClick"><el-radio v-for="item in language" :label="item.code" :key="item.code" >{{item.name}}</el-radio></el-radio-group></div><div><span>后缀：</span><el-radio-group v-model="param.aue" @change="previewClick"><el-radio v-for="item in aue" :label="item.code" :key="item.code" >{{item.name}}</el-radio></el-radio-group></div><audio style="width:100%;" id="tts_autio_id" autoplay="autoplay" controls="controls"><source id="tts_source_id" :src="url"><embed id="tts_embed_id" height="0" width="0" src=""></audio> <el-tabs v-model="tabs"><el-tab-pane label="基础音库" name="-1"><el-button type="success" v-for="per in pers1" @click="param.per=per.code" style="margin: 3px;">{{ per.name }}</el-tag></el-tab-pane><el-tab-pane label="精品音库" name="1"><el-button type="success" v-for="per in pers2" @click="param.per=per.code" style="margin: 3px;">{{ per.name }}</el-button></el-tab-pane></el-tabs><el-input v-model="param.tex" type="textarea":rows="10" placeholder="请输入需要转换的文字"></el-input><div class="block"><span class="demonstration">语速：</span><el-slider v-model="param.spd" :min="0" :max="15" ></el-slider></div><div class="block"><span class="demonstration">音调：</span><el-slider v-model="param.pit" :min="0" :max="15"></el-slider></div><div class="block"><span class="demonstration">音量：</span><el-slider v-model="param.vol" :min="0" :max="15"></el-slider></div></el-card>
</div><script type="text/javascript">var app = new Vue({el: '#app',data: {message: 'Hello Vue!',tabs: '-1',url: "http://tts.baidu.com/text2audio?",param:{cuid: "baike",lan: "ZH",ctp:1,pdt:301,per: 0, //# 发音人选择spd: 5,// 语速，取值0-15，默认为5中语速pit: 5,// 音调，取值0-15，默认为5中语调vol: 5, // 音量，取值0-9，默认为5中音量tex: "林荒大吼出声，即便十年挣扎，他也从未感到过如此无助。自己的身体一点点陷入岁月之门，却眼睁睁的看着君倾城一手持剑，雪白的身影决然凄厉。就这样孤身一人，于漫天风雪中，对阵数千武者",// 文字aue: 3 // 下载的文件格式},//基础音库pers1: [{"code":0,"name":"标准女音"}, {"code":1,"name":"标准男音"},{"code":3,"name":"斯文男音"},{"code":4,"name":"小萌萌"},{"code":5,"name":"知性女音"}// {"code":5003,"name":"知性女音"},// {"code":8,"name":"知性女音"},// {"code":9,"name":"知性女音"},// {"code":10,"name":"京腔"},// {"code":11,"name":"温柔大叔"}// {"code":6,"name":"老教授"}, // 已废弃],//精品音库 度逍遥（精品）=5003，度小鹿=5118，度博文=106，度小童=110，度小萌=111，度米朵=103，度小娇=5pers2: [{"code":5,"name":"度小娇"},{"code":103,"name":"度米朵"},{"code":106,"name":"度博文"},// {"code":111,"name":"度小童"}, // 已废弃],// 文件后缀aue: [{"code":3,"name":"mp3"},// {"code":4,"name":"pcm-16k"},// {"code":5,"name":"pcm-8k"},{"code":6,"name":"wav"},],language: [{"code":"ZH","name":"普通话"},// {"code":"EN","name":"美式英语"}, // 已废弃// {"code":"UK","name":"英式英语"},// 已废弃// {"code":"CTE","name":"粤语"},// 已废弃]},methods:{previewClick(){this.url="http://tts.baidu.com/text2audio?";for(var key in this.param){this.url += key;this.url += "=";this.url += this.param[key];this.url += "&";}this.url = this.url.substring(0,this.url.length - 1);document.getElementById('tts_autio_id').setAttribute("src", this.url);document.getElementById('tts_autio_id').play()}}})</script>
</body>
</html>2、 将该文件鼠标拖到浏览器中，即可打开。
3、使用说明
基于百度tts-实现文字转语音，支持下载，在线预览相关推荐
- nopi word to html,C# 基于NPOI+Office COM组件 实现20行代码在线预览文档（word，excel，pdf，txt，png）...
由于项目需要,需要一个在线预览office的功能,小编一开始使用的是微软提供的方法,简单快捷,但是不符合小编开发需求, 就另外用了:将文件转换成html文件然后预览html文件的方法.对微软提供的方法 ...
- 基于百度AI的文字转语音助手（Unity版）开发进度
前段时间一直忙别的事儿去了,这个项目压了好久. 挖坑篇请见:( http://www.smartcrane.club/2018/09/11/TTS.html ) 当时做了一个"极简版&quo ...
- 利用百度tts 实现文字转语音（node）
var http = require('http'); // 通过http模块访问百度的接口 var querystring = require('querystring'); / ...
- 基于ASP.NET MVC 利用(Aspose+Pdfobject.js) 实现在线预览Word、Excel、PPT、PDF文件
详细链接:https://shop499704308.taobao.com/?spm=a1z38n.10677092.card.11.594c1debsAGeak VS2010版本以及以上版本源码下载 ...
- 口播神器,基于Edge,微软TTS(text-to-speech)文字转语音免费开源库edge-tts实践(Python3.10)
不能否认,微软Azure在TTS(text-to-speech文字转语音)这个人工智能细分领域的影响力是统治级的,一如ChatGPT在NLP领域的随心所欲,予取予求.君不见几乎所有的抖音营销号口播均采 ...
- Delphi:文本朗读器--文本转语音（基于百度TTS语音库)
Delphi:文本朗读器(基于百度TTS语音库)@TOC Delphi:文本朗读器–文本转语音(基于百度TTS语音库) unit uSpeecher;interface usesWindows, Me ...
- python 百度ai批量识别_Python基于百度AI的文字识别的示例
Python基于百度AI的文字识别的示例 使用百度AI的文字识别库,做出的调用示例,其中filePath是图片的路径,可以自行传入一张带有文字的图片,进行识别. 下载baidu-aip这个库,可以直接 ...
- python 百度云文字识别 proxy_Python基于百度AI的文字识别的示例
Python基于百度AI的文字识别的示例 发布时间:2020-10-03 14:52:27 来源:脚本之家 阅读:66 使用百度AI的文字识别库,做出的调用示例,其中filePath是图片的路径,可以 ...
- html5d调用百度语音,调用百度API，文字转语音
前言 文字转语音,运用在什么场景了?一般后台管理系统会用到,提示管理员有"新的订单"."新的任务"等等,管理员可以马上收到,并及时处理.就好比,在餐厅,经常会听 ...
- PHP文字转语音排号声音_文字转语音真人发声在线怎么转换？这种操作最简单
文字转语音真人发声在线怎么转换?我们在学习和生活中经常会需要给视频进行配音,但你可能会存在担心自己的声音不够好听,或者是不想暴露自己原有声音.下面笔者就来给大家安利一款非常不错的工具-文字转语音助手, ...
最新文章
- 【Struts2学习笔记（1）】Struts2中Action名称的搜索顺序和多个Action共享一个视图--全局result配置...
- 如何做研究与写论文？周志华大佬教您方法论！
- 实现MVC模式的Web应用程序
- python常用编译器和解释器的区别_Python常用编译器原理及特点解析
- 10鼎信诺为什么安装不了_鼎信诺审计软件一周常见问题（4.134.17）
- Mac SecureCRT解决中文乱码
- [react] React16废弃了哪些生命周期？为什么？
- 【CodeForces - 471B】MUH and Important Things （模拟，细节）
- Linux使用vi/vim打开文档/文件报错E325:ATTENTION Found a swap file by the name
- 6个技术问题及解决方案
- java 管理系统 注释_员工管理系统--带注释--oracle系统--java项目
- namenode双机热备之操作实践
- 漏洞C:/Windows/Fonts/csrss.exe文件找不到简单查找方法
- linux系统LCD驱动(二)：mtk lcd驱动fb_info初始化
- macOS Monterey 2K 屏开 HiDPI
- 将数字转为ASCII码
- github 本地提交代码到服务器
- 2020亚马逊创新日：深度解读人工智能和机器学习的数字驱动力
- 335x系列-解决爆破音导致的调用延迟问题
- GROMACS Tutorial 3-Umbrella Sampling