文字转语音+html5,HTML5新特性之文字转语音

本文介绍如何利用HTML5的SpeechSynthesisUtterance和speechSynthesis API实现文字转语音的功能。通过创建Speaker类,可以方便地控制语音的播放、暂停、恢复、切换内容和取消播放。示例代码展示了具体的使用方法。
摘要由CSDN通过智能技术生成

/**

* 文字转语音,利用H5的新特性SpeechSynthesisUtterance,speechSynthesis实现

* eg.

* const speaker = new Speaker({ text: '这是一条神奇的天路啊' });

* speaker.start(); // 开时播放

* setTimeout(() => { speaker.pause(); }, 1000); // 一秒钟之后暂停,根据实际情况来

* setTimeout(() => { speaker.resume(); }, 2000); // 两秒秒钟之后暂停,根据实际情况来

* setTimeout(() => { speaker.change('我坐上火车就去拉萨,去看那神奇的唐古拉。'); }, 3000); // 三秒钟之后切换内容,根据实际情况来

* setTimeout(() => { speaker.cancel(); }, 10000); // 十秒钟之后暂停,根据实际情况来*/class Speaker {

constructor(option) {

const {

lang= 'zh-CN',

pitch= 1,

rate= 1,

volume= 1,

text= ''}=option;this.utter = newwindow.SpeechSynthesisUtterance();this.utter.lang = lang; //设置语言环境

this.utter.p

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值