语音播报刷新页面不能播报问题的原因

最新推荐文章于 2023-11-17 09:54:51 发布
最新推荐文章于 2023-11-17 09:54:51 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： 前端开发工程师
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunzhen15896/article/details/115732350
版权

使用SpeechSynthesisUtterance进行语音播报文字的时候，发现刷新浏览器不能播放声音的问题
原因：浏览器对于语音，视频等会有限制，不能允许直接播放，必须进行至少一次点击事件
解决方案：随意点击页面上的内容，即可重新触发

cat10month
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp 实现当有新信息时播放语音提示的效果
01-02
1、信息表新建立一个字段，并用0、1的方法判断信息的状态。 2、新建一个页面，定时刷新，并查询表中是否有字段值为0的记录。 3、当管理员点击查看该信息的时候，将字段值改为1。 其中最关键的是第2步，下面给出所需代码 定时刷新指定页面。比如新建的页面叫a.asp 那么就是[removed]setTimeout(“location.href=”a.asp'”,10000)[removed] 数据库连接。 <%set rs = conn.execute(“select * from [表名] where 字段名= 0 “) if not rs.eof then%> <bgsound src=”音频路径
HTML5声音合成，文字转换声音，无声音解决办法
12-22
HTML5声音合成，文字转换声音，无声音解决办法，TTS引擎 speechSynthesis对象详解 无法发出声音解决办法
vue js 语音播报 语音读文字 window.speechSynthesis new SpeechSynthesisUtterance (补充无声音 问题解决办法)
张一西的博客
01-05 8768
// 语音停止 handleStop(e) { if(window.speechSynthesis){ const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance(); msg.text = e; msg.lang = "zh-CN"; ..
网页语音合成API运行无效果问题处理
Mr.CJ
09-13 3971
网页语音合成api不起作用的情况
window.speechSynthesis语音合成在chrome浏览器中刷新无法自动播报
最新发布
notChange的博客
11-17 1134
本来的想法是，页面加载好，弹出窗口，让用户点击后开启，但是领导觉得每次进来让用户点，体验不好，说用户进来肯定会点击界面，只要他点了，就给他开启，那就听领导的吧。页面中使用了iframe嵌套，会出现iframe点击 和 index页面点击，所以我定义了一个变量，接收窗口点击的次数。chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。在页面加载完毕的情况下，用户需要有主动交互行为，才能正常播放。添加网址，刷新或重新加载就会自动播报。在iframe中，监听点击，发送消息。
speechSynthesis没有效果
lgldl的博客
05-04 2023
var utterThis = new window.SpeechSynthesisUtterance(str); window.speechSynthesis.cancel(); window.speechSynthesis.speak(utterThis); 在调用speak之前先调用cancel
speechSynthesis没有声音
qq_45558339的博客
05-24 8546
目录前言问题解决思路1. 首先从代码中寻找答案，常用的speechSynthesis合成代码如下2. 分析3.解决下载需要的文件 前言 本片文章首先针对的问题是[前端使用speechSynthesis合成声音，但是无法播放出声音的问题解决方案]，目前所知道的出现问题的前提条件如下： 1、电脑系统为win7 2、浏览器不限制（google浏览器版本89前可以，89后需要使用其它解决方案） 问题解决思路 1. 首先从代码中寻找答案，常用的speechSynthesis合成代码如下 var utterThis =
浏览器自带api语音播报speechSynthesis.speak()无法自动播报问题分析及非完美解决方案
this_zq的博客
07-04 4244
这里主要说说语音播报的部分。本来觉得用浏览器自带的API来实现直接写一句话就ok了，但是没想到居然有一个bug。那就是这条语音有时候能播报，有时候就没有声音了？最近遇到一个需求，就是前端页面要实时监听后端传过来的数据，同时当后端传过来这条数据时前端界面要语音播报这条数据。* @param msg 播报的信息。* @param msg 播报的信息。//#region 语音播报封装。// 初次播报使用模拟按钮触发。'哈哈哈哈哈，这是声音~'// 添加点击事件处理程序。// 模拟用户点击事件。
刷新浏览器后不进行任何点击操作时，不播放声音 | 解决方案（VUE-Element）
慌途L
06-12 5142
以下代码可能过长，请耐心查阅 前言 最近项目中有播放背景声音的一个功能，后面发现刷新浏览器后，不对页面进行任何点击操作，浏览器不播放声音。作为一个后端开发，突然搞这么一个前端解决方案是有点懵逼的，下面是和一名前端大佬讨论的结果。 解决方案： 1.将提供给用户的浏览器的播放声音权限打开，然后重新打包浏览器发出去； 2.给用户一个弹窗提示，点击按钮，打开浏览器声音权限或直接跳转到设置声音的页面；（经过测试发现实现不了，因为系统部署在服务端，而打开的是本地浏览器的配置，无法实现这个功能） 3.置顶一个..
收钱快报安装包1.5.16.9.exe
03-12
支付宝可更换刷新页面,解决问题 添加查找操作功能 1.5.15.29 分享链接增加分享人的联系方式 增加免费使用方法 简单增加二级收益提成 增加查看收益记录 增加系统奖励,比如升级软件 优化新用户安装卸载微信,...
淘宝付邮试用页面刷新
11-21
可以设定关键字.对页面进行刷新.可针对抢拍或者付邮试用商品己下架 一直刷到买家不付款.商品再上架的时机.刷新成功会置顶和语音提示..详细介绍:http://blog.sina.com.cn/s/blog_6743101f010170mx.html
呼叫中心（软航呼叫中心）
06-19
最新的AJAX页面无刷新技术，提高运行效率，最佳用户体验。 4. 支持24小时不间断运行，无内存泄漏，内存垃圾自动收集伸缩，运行临时文件自动清除整理。 5. 运行参数动态配置，无需重启动，全部参数可视化配置，...
speechSynthesis.speak()在chrome不执行问题
pridas的博客
07-26 8614
现象： 其他支持此功能的浏览器正常，但chrome无声音，也没有执行speechSynthesisUtterance.onstart()方法。 大概推测的原因： 1. 打印window.speechSynthesis.getVoices()返回信息，可发现chrome比其他浏览器多了Google XX等一系列voice： 2. 在未对speechSynthesisUtterance设置voice时，会默认根据speechSynthesisUtterance.lang判断使用哪个；而spee.
谷歌浏览器播放器声音
ab823415367的博客
08-17 1854
相应代码var msg = new SpeechSynthesisUtterance('已进入盘点模式'); window.speechSynthesis.speak(msg);
使用谷歌浏览器的语音播报功能时发现不能播放
qq_36001082的博客
09-19 3749
使用谷歌浏览器的语音播报功能时发现不能播放 <script> if(!('speechSynthesis' in window)) { throw alert("对不起，您的浏览器不支持") } setTimeout(()=> { play() },2000) function play(){ var mess = '搜狗[1] 是搜狐公司的旗下子公司，于2004年8月3日推出，目的是增强搜狐网的搜索技能，主要经营搜狐公司的搜索业务。在搜索业务
js解决浏览器,SpeechSynthesis不能正常合成中文语音
qq_41737172的博客
12-22 1501
解决SpeechSynthesis 不能正常合成中文语音
关于各浏览器中对video\audio标签的自动播放的限制
蒋小姐的博客
07-15 1618
2.IE浏览器自动播放生效（但是IE11于2022.6下架），而且会自动更新为MicrosoftEdge浏览器，次浏览器必须有交互，才能播放。大多数浏览器不支持video\audio的自动播放功能。用户和浏览器之前必须进行交互，才能够自动播放声音。1.QQ浏览器、谷歌浏览器、火狐浏览器、opera浏览器、猎豹浏览器必须交互，才能播放。现要求如有预警，显示全局弹窗并伴随声音提醒。3.360浏览器自动播放功能目前还生效。统计（主要是audio）...
css transform:scale缩放后位置偏移问题解决
sunzhen15896的博客
09-01 9027
css相关问题
engine 播报语言如何不使用等待能播放语音
06-07
您可以使用`engine.startLoop()`方法来启动引擎的事件循环，然后在事件循环中使用`engine.iterate()`方法来处理语音合成过程，同时使用`time.sleep()`方法来控制播放语音的时间。下面是一个示例代码： ``` import pyttsx3 import time engine = pyttsx3.init() # 设置音速 engine.setProperty('rate', 150) # 设置音量 engine.setProperty('volume', 0.7) # 启动事件循环 engine.startLoop(False) # 朗读文字 engine.say('Hello, world!') # 处理语音合成过程 while True: engine.iterate() time.sleep(0.1) # 如果语音合成已完成，则退出循环 if engine.isBusy() == False: break # 关闭事件循环 engine.endLoop() ``` 在这个示例中，我们使用`engine.startLoop()`方法来启动引擎的事件循环，然后使用`engine.iterate()`方法来处理语音合成过程，同时使用`time.sleep()`方法来控制播放语音的时间。如果语音合成已完成，则退出循环，并使用`engine.endLoop()`方法来关闭事件循环。这样就可以实现不使用等待来播放语音了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值