html+js文字合成语音代码支持在线试听播放和转换成mp3格式下载到本地单文件便携版在线AI文字转换音频速度超快

本文链接：https://blog.csdn.net/usenk/article/details/121376379

<!doctype html><html lang="en"><head><meta charset="UTF-8">
<title>在线文字转语音合成工具</title><script>function doTTS() {
var ttsDiv = document.getElementById('bdtts_div_id');
var ttsAudio = document.getElementById('tts_autio_id');
var ttsText = document.getElementById('ttsText').value;ttsDiv.removeChild(ttsAudio);
var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';
var sss = '<source id="tts_source_id" src="http://tsn.baidu.com/text2audio?lan=zh&ctp=1&cuid=这里可以填写你电脑MAC地址&tok=24.b9c6fcb4e0562***这里填写百度AI开放平台申请的AccessToken码***00.1659293725.183332-2392508&vol=10&per=4&spd=5&tex=' + ttsText + '" type="audio/mpeg">';
var eee = '<embed id="tts_embed_id" height="0" width="0" src="">';
var au2 = '</audio>';
ttsDiv.innerHTML = au1 + sss + eee + au2;ttsAudio = document.getElementById('tts_autio_id');ttsAudio.play();}
function downFile() {
var ttsDiv = document.getElementById('bdtts_div_id');
var ttsText = document.getElementById('ttsText').value;
var a = document.createElement('a');
a.href = 'http://tsn.baidu.com/text2audio?lan=zh&ctp=1&cuid=这里可以填写你电脑MAC地址&tok=24.b9c6fcb4e0562***这里填写百度AI开放平台申请的AccessToken码***00.1659293725.183332-2392508&vol=10&per=4&spd=5&tex=' + ttsText + ''
a.download = "text2audio.mp3";document.body.appendChild(a);
a.click();}</script></head><body>
<div style="text-align:center;margin:0 auto;letter-spacing:5px;"><h1>在线文字转语音合成工具</h1>
<textarea style="font-size:16px;font-weight:bold;" type="text" cols="100" rows="20" id="ttsText" onKeyDown="textdown(event)" onKeyUp="textup()" onfocus="if(value=='请输入要转换语音的文字'){value=''}" onblur="if (value ==''){value='请输入要转换语音的文字'}">请输入要转换语音的文字</textarea><br /><br />
<input style="font-size:28px;font-weight:bold;cursor:pointer;" id="tts_btn" name="tts_btn" type="Button" value="　播　放　" onclick="doTTS()" />　
<input style="font-size:28px;font-weight:bold;cursor:pointer;" id="tts_btn" name="tts_btn" type="Button" value="　下　载　" onclick="downFile()" />　
<input style="font-size:28px;font-weight:bold;cursor:pointer;" id="tts_btn" name="tts_btn" type="Button" value="　清　空　" onclick="javascript:location.reload()" />
<div id="bdtts_div_id"><audio id="tts_autio_id" autoplay="autoplay"><source id="tts_source_id" src="http://tsn.baidu.com/text2audio?lan=zh&ctp=1&cuid=这里可以填写你电脑MAC地址&tok=24.b9c6fcb4e0562***这里填写百度AI开放平台申请的AccessToken码***00.1659293725.183332-2392508&vol=10&per=4&spd=5&tex=请输入要转换语音的文字" type="audio/mpeg"><embed id="tts_embed_id" height="0" width="0" src=""></audio></div></div></body></html>

网络上说的方法有很多，我精简了一下，做成了这个工具，只需要改三个地方就可以了，如代码区三个地方都有这段代码：

&cuid=这里可以填写你电脑MAC地址&tok=24.b9c6fcb4e0562***这里填写百度AI开放平台申请的AccessToken码***00.1659293725.183332-2392508&

改成（下面只是举个例子，token码自己去平台申请就可以了）：

&cuid=02C056E505A8&tok=24.b9c6fcb4e0562c6e7f98739ec48fd208.2592000.1659293725.183332-2392508&

如果想更改发音人、发音速度等，可以更改&vol=10&per=4&spd=5&等参数，参数设置如图：