使用谷歌浏览器的speechSynthesis的API，实现语音播报功能

今天给大家分享一个，使用谷歌自带的API实现语音播报的功能，可以在项目预警上使用！

实现效果：

代码如下：

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title></title>
</head><body><button onclick='playRadio()' id="played">播报语音</button><button onclick='pauseRadio()' id="pasued">暂停</button><button onclick='resumeRadio()' id="resumed">重新播报</button><button onclick='stopRadio()' id="stoped">停止</button><div>项目预警:线上项目预警，报警级别：2级，报警时间：2021年10月30日17:19:40，负责人：卡洛背心</div><script>// 播报语音function playRadio() {let useVoiceText = '项目预警:线上项目预警，报警级别：2级，报警时间：2021年10月30日17:19:40，负责人：卡洛背心'let to_speak = new SpeechSynthesisUtterance(useVoiceText);window.speechSynthesis.speak(to_speak)}// 暂停function pauseRadio() {window.speechSynthesis.pause();}// 重新播报function resumeRadio() {window.speechSynthesis.resume();}// 停止function stopRadio() {window.speechSynthesis.cancel();}</script>
</body></html>```如有问题，欢迎点赞评论！

使用谷歌浏览器的speechSynthesis的API，实现语音播报功能相关推荐

python——基于百度API实现语音播报功能
一.环境准备安装百度python API https://github.com/Baidu-AIP/python-sdk pip install git+https://github.com/Bai ...
php加入语音播报功能_PHP实现语音播报功能
大家估计都知道现在很多AI音响能够给你播报天气,叫你起床...甚至能够接受语音指令!所谓的人工智能音响,听起来很高大上,都说PHP是最好的编程语言,今天我就带大家来实现一个语音播报功能!先大体说一个思 ...
实现百度地图导航Demo的语音播报功能
上文中实现了在本地导入百度地图导航Demo,那么在此基础上如何实现导航的语音播报呢? 一.为该应用申请语音播报(也叫注册) http://developer.baidu.com/map/index.p ...
iOS 后台语音播报功能开发过程中的那些坑
上个版本的开发计划中产品同学建议在我们的商家版App中做后台语音播报功能,在评审的时候我就在想,完全可以通过Push静默推送来实现后台播放音频来实现(后续事实证明,这是个大坑). 关于静默推送 ...
前端实现语音播报功能
近期接到需求,内容页中的文字要实现语音播报功能,语音生成已经存入数据库 var myAudio = new Audio(); //arr 中存放的是音频数据,数组的大小是不确定的 var arr = ...
html5实现百度语音播报功能
html5实现百度语音播报功能总结记录一下,html5调用百度语音接口实现语音播报功能,简单的完整案例 <!DOCTYPE html> <html> <head> ...
APP收款语音播报功能讲解
一.背景比起主动扫码能确定收款多少与是否到账,扫二维码支付场景不能直接确认,需要核对客户付款截屏,目前微信.支付宝在扫二维码支付后,均支持收款方自动播报收款到账信息,为了秦丝APP有更好体验,也需要 ...
MediaPlayer实现金额的语音播报功能
推荐阅读: SurfaceView+MediaPlayer封装之路 Android学习资源分享合集(1) 最近写了一个金额的语音播报功能,已封装成依赖库到Github,希望对大家有所帮助. Githu ...
一定要了解的小常识：聚合支付有语音播报功能
在大部分商机都是使用聚合支付收款,他们在营业收款时都十分需要语音播报,这样可以让他们的收款效率大大提高,那么聚合支付有语音播报功能吗?该怎么去开通呢? 聚合支付二维码:从一柜多码到一柜一码以往,商家 ...

使用谷歌浏览器的speechSynthesis的API，实现语音播报功能

实现效果：

代码如下：

使用谷歌浏览器的speechSynthesis的API，实现语音播报功能相关推荐

最新文章

热门文章