SpeechSynthesisUtterance文字转语音播报

本文详细介绍了HTML5的SpeechSynthesisUtterance API,用于将文本转换为语音。内容包括其基本属性如语言、音调、速度和音量的设置,以及播放控制和事件监听。还提供了示例代码,演示了如何配置和使用这个API,并解决了浏览器声音播放的权限问题。此外,文章还展示了如何实现语音的循环播放。

一、介绍

SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等

二、基本属性

var speech = new SpeechSynthesisUtterance()

  • speech.lang 获取并设置话语的语言(en-US、zh-CN)
  • speech.pitch 获取并设置话语的音调 (值越大越尖锐,range:0-2, default:1, float)
  • speech.rate 获取并设置说话的速度 (值越大语速越快, range:0.1-10, default:1, float)
  • speech.text 获取并设置说话时的文本
  • speech.voice 获取并设置说话的声音
  • speech.volume 获取并设置说话的音量 (range: 0-1, default:1, float)
  • speech.onboundary
  • speech.onend 播放结束的回调
  • speech.onerror 播放出现错误的回调
  • speech.onmark 当读到标记文本时的回调
  • speech.onpause 播放暂停
  • speech.onresume 播放重启
  • speech.onstart 播放开始的回调

三、兼容性

在这里插入图片描述

四、案例

评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值