html5 文本转语音,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、示例

文字转语音

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);

}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值