JS如何实现文字转语音播放

发布时间:2021-07-12 11:10:17 作者:chen
来源:亿速云 阅读:745

这篇文章主要介绍“JS如何实现文字转语音播放”,在日常操作中,相信很多人在JS如何实现文字转语音播放问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS如何实现文字转语音播放”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

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()" >文字转语音</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>

到此,关于“JS如何实现文字转语音播放”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. js实现自动播放匀速轮播图
  2. python文字转语音实现过程解析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js

上一篇:IOS中本地json格式文件解析的示例分析

下一篇:IOS中UITextField和UITextView字符串为空和空格怎么办

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》