SpeechSynthesisUtterance是HTML5中新增的API,用於將指定文字合成爲對應的語音。也包含一些配置項,指定如何去閱讀(語言,音量,音調)等,不支持IE瀏覽器。
1、屬性
SpeechSynthesisUtterance.lang 獲取並設置話語的語言
SpeechSynthesisUtterance.pitch 獲取並設置話語的音調(值越大越尖銳,越低越低沉)
SpeechSynthesisUtterance.rate 獲取並設置說話的速度(值越大語速越快,越小語速越慢)
SpeechSynthesisUtterance.text 獲取並設置說話時的文本
SpeechSynthesisUtterance.voice 獲取並設置說話的聲音
SpeechSynthesisUtterance.volume 獲取並設置說話的音量
2、方法
speak() 將對應的實例添加到語音隊列中
cancel() 刪除隊列中所有的語音.如果正在播放,則直接停止
pause() 暫停語音
resume() 恢復暫停的語音
getVoices 獲取支持的語言數組. 注意:必須添加在voiceschanged事件中才能生效
3、示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button onclick="play()" style="width: 150px;height: 52px;">文字轉語音</button>
<script>
var msg = new SpeechSynthesisUtterance();
msg.text = "我是SummerGao";
msg.lang = 'zh'; //漢語
msg.volume = 50; // 聲音的音量
msg.rate = 0.7; //語速,數值,默認值是1,範圍是0.1到10
msg.pitch = 1.5; // 表示說話的音高,數值,範圍從0(最小)到2(最大)。默認值爲1
function play() {
speechSynthesis.speak(msg);
}
</script>
</body>
</html>