JS實現文字轉語音播放之SpeechSynthesisUtterance

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章