这篇文章主要介绍“JS如何实现文字转语音播放”,在日常操作中,相信很多人在JS如何实现文字转语音播放问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS如何实现文字转语音播放”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音。也包含一些配置项,指定如何去阅读(语言,音量,音调)等,不支持IE浏览器。
SpeechSynthesisUtterance.lang 获取并设置话语的语言
SpeechSynthesisUtterance.pitch 获取并设置话语的音调(值越大越尖锐,越低越低沉)
SpeechSynthesisUtterance.rate 获取并设置说话的速度(值越大语速越快,越小语速越慢)
SpeechSynthesisUtterance.text 获取并设置说话时的文本
SpeechSynthesisUtterance.voice 获取并设置说话的声音
SpeechSynthesisUtterance.volume 获取并设置说话的音量
speak() 将对应的实例添加到语音队列中
cancel() 删除队列中所有的语音.如果正在播放,则直接停止
pause() 暂停语音
resume() 恢复暂停的语音
getVoices 获取支持的语言数组. 注意:必须添加在voiceschanged事件中才能生效
<!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如何实现文字转语音播放”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。