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();

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的文字转语音+html5,JS实现文字转语音并播放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。