html：

div>

audio>

div>

js：

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 = '';

var sss = '+ ttsText + '" type="audio/mpeg">';

var eee = '';

var au2 = '';

ttsDiv.innerHTML = au1 + sss + eee + au2;

ttsAudio = document.getElementById('tts_autio_id');

ttsAudio.play();

}

代碼中改變傳參可更改配置：

lan=zh(語言zh:中文；en:英文；fr:法文；)

ie=UTF-8(字符集)

per=3(每3個字符停頓)

spd=5(語音播放速度，數字越大越快0-15)

text=“”(需要轉換的文字)

2.純JS實現文字轉語音

環境：

不支持IE瀏覽器

官網網址：

https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis

基礎使用:

var msg = new SpeechSynthesisUtterance("你好");

//msg.rate = 4 播放語速

//msg.pitch = 10 音調高低

//msg.text = "播放文本"

//msg.volume = 0.5 播放音量

speechSynthesis.speak(msg);

基礎方法：

//播放

window.speechSynthesis.speak();

//暫停

window.speechSynthesis.pause();

//繼續

window.speechSynthesis.resume();

//停止

window.speechSynthesis.cancel();