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>

 

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