<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>語音朗讀</title></head><body><textarea id="textarea" rows="20" cols="70"></textarea><button onclick="reading()">朗讀</button><script>function reading() {const value = document.querySelector("#textarea").value;if (!value) {return alert("填入朗讀文本");}const speech = new SpeechSynthesisUtterance(value);speechSynthesis.speak(speech);speech.onstart = (e) => {console.log("開始讀");}speech.onend = (e) => {console.log("讀完了");}}</script></body>
</html>
打開你的聲音聽聽
SpeechSynthesis實例對象屬性
lang 獲取并設置話語的語言
pitch 獲取并設置話語的音調(值越大越尖銳,越低越低沉)
rate 獲取并設置說話的速度(值越大語速越快,越小語速越慢)
text 獲取并設置說話時的文本
voice 獲取并設置說話的聲音
volume 獲取并設置說話的音量SpeechSynthesis方法
speak() 將對應的實例添加到語音隊列中
cancel() 刪除隊列中所有的語音.如果正在播放,則直接停止
pause()暫停語音
resume() 恢復暫停的語音
getVoices 獲取支持的語言數組. 注意:必須添加在voiceschanged事件中才能生效實例對象中的方法
onstart – 語音合成開始時候的回調
onpause – 語音合成暫停時候的回調
onresume – 語音合成重新開始時候的回調
onend – 語音合成結束時候的回調
