[js常用]文字转化成语音
程序员文章站
2022-12-22 23:51:27
使用百度语音接口,实现文字转化成语音播放 ......
使用百度语音接口,实现文字转化成语音播放
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>百度语音测试</title>
</head>
<body>
<div>
<input type="text" id="ttstext">
<input type="button" id="tts_btn" onclick="dotts()" value="获取新的语音">
<input type="button" id="tts_btns" onclick="zanting()" value="暂停">
<input type="button" id="tts_btns" onclick="jixu()" value="继续/播放">
<input type="button" id="tts_btns" onclick="shichang()" value="时长">
</div>
<div id="bdtts_div_id">
<audio id="tts_autio_id" >
<source id="tts_source_id" src="https://tsn.baidu.com/text2audio?tex=我喜欢你&lan=zh&per=4&cuid=1&ctp=1&tok=24.71726d18e11bf62415c11e3c2aa88121.2592000.1544946462.282335-14837008" type="audio/mpeg">
<embed id="tts_embed_id" height="0" width="0" src="">
</audio>
</div>
</body>
</html>
<script>
function zanting() {
var ttsaudio = document.getelementbyid('tts_autio_id');
ttsaudio.pause();
}
function jixu() {
var ttsaudio = document.getelementbyid('tts_autio_id');
ttsaudio.play();
}
function shichang() {
var ttsaudio = document.getelementbyid('tts_autio_id');
alert(ttsaudio.duration);
}
function dotts(){
var ttsdiv = document.getelementbyid('bdtts_div_id');
var ttsaudio = document.getelementbyid('tts_autio_id');
var ttstext = document.getelementbyid('ttstext').value;
// 这样为什么替换不了播放内容
/*var ssrcc = 'http://tts.baidu.com/text2audio?lan=zh&ie=utf-8&spd=10&text='+ttstext;
document.getelementbyid('tts_source_id').src=ssrcc;*/
// 这样就可实现播放内容的替换了
ttsdiv.removechild(ttsaudio);
var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';
var sss = '<source id="tts_source_id" src="https://tsn.baidu.com/text2audio?tex='+ttstext+'&lan=zh&per=4&cuid=1&ctp=1&tok=24.71726d18e11bf62415c11e3c2aa88121.2592000.1544946462.282335-14837008" 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();
}
</script>