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

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

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

cat10month
关注
专栏目录
window.speechSynthesis语音合成在chrome浏览器中刷新无法自动播报
notChange的博客
11-17 2355
本来的想法是，页面加载好，弹出窗口，让用户点击后开启，但是领导觉得每次进来让用户点，体验不好，说用户进来肯定会点击界面，只要他点了，就给他开启，那就听领导的吧。页面中使用了iframe嵌套，会出现iframe点击 和 index页面点击，所以我定义了一个变量，接收窗口点击的次数。chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。在页面加载完毕的情况下，用户需要有主动交互行为，才能正常播放。添加网址，刷新或重新加载就会自动播报。在iframe中，监听点击，发送消息。
js语音播报android浏览器,JS 简单调用百度TTS接口实现语音朗读
weixin_32312081的博客
05-27 2599
TTS简介TTS是Text To Speech的缩写，即“从文本到语音”，是人机对话的一部分，让机器能够说话。网页作为世界之窗，自然是向所有人开放的，所以也就包括视力不好的人群了，而网页语音化并不是什么新技术，HTML语义化在某种层次上也是为了让网页语音化更好的实现。正文简单实现语音朗读，要说多简单，直接用别人的接口算不算简单？我们要做的就是借用百度TTS接口，通过audio标签进行朗读。实现核心...
浏览器自带api语音播报speechSynthesis.speak()无法自动播报问题分析及非完美解决方案
this_zq的博客
07-04 5818
这里主要说说语音播报的部分。本来觉得用浏览器自带的API来实现直接写一句话就ok了，但是没想到居然有一个bug。那就是这条语音有时候能播报，有时候就没有声音了？最近遇到一个需求，就是前端页面要实时监听后端传过来的数据，同时当后端传过来这条数据时前端界面要语音播报这条数据。* @param msg 播报的信息。* @param msg 播报的信息。//#region 语音播报封装。// 初次播报使用模拟按钮触发。'哈哈哈哈哈，这是声音~'// 添加点击事件处理程序。// 模拟用户点击事件。
刷新浏览器后不进行任何点击操作时，不播放声音 | 解决方案（VUE-Element）
慌途L
06-12 5839
以下代码可能过长，请耐心查阅 前言 最近项目中有播放背景声音的一个功能，后面发现刷新浏览器后，不对页面进行任何点击操作，浏览器不播放声音。作为一个后端开发，突然搞这么一个前端解决方案是有点懵逼的，下面是和一名前端大佬讨论的结果。 解决方案： 1.将提供给用户的浏览器的播放声音权限打开，然后重新打包浏览器发出去； 2.给用户一个弹窗提示，点击按钮，打开浏览器声音权限或直接跳转到设置声音的页面；（经过测试发现实现不了，因为系统部署在服务端，而打开的是本地浏览器的配置，无法实现这个功能） 3.置顶一个..
speechSynthesis实现语音播报功能
最新发布
qq_42727641的博客
06-14 398
chrome://settings/content/sound 配置一下想要自动播放声音的网址。由于chrome安全机制，无法自动播放，必须在用户交互之后才可以自动播放。
vue js 语音播报 语音读文字 window.speechSynthesis new SpeechSynthesisUtterance (补充无声音 问题解决办法)
张一西的博客
01-05 9424
// 语音停止 handleStop(e) { if(window.speechSynthesis){ const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance(); msg.text = e; msg.lang = "zh-CN"; ..
speechSynthesis没有效果
lgldl的博客
05-04 2371
var utterThis = new window.SpeechSynthesisUtterance(str); window.speechSynthesis.cancel(); window.speechSynthesis.speak(utterThis); 在调用speak之前先调用cancel
speechSynthesis.speak()在chrome不执行问题
pridas的博客
07-26 9922
现象： 其他支持此功能的浏览器正常，但chrome无声音，也没有执行speechSynthesisUtterance.onstart()方法。 大概推测的原因： 1. 打印window.speechSynthesis.getVoices()返回信息，可发现chrome比其他浏览器多了Google XX等一系列voice： 2. 在未对speechSynthesisUtterance设置voice时，会默认根据speechSynthesisUtterance.lang判断使用哪个；而spee.
语音读文字 window.speechSynthesis.speak (谷歌浏览器无声音解决)
2301_77474196的博客
07-27 1641
此处添加你要自动播放声音的网址即可。
网页语音合成API运行无效果问题处理
Mr.CJ
09-13 4576
网页语音合成api不起作用的情况
js实现语音播报
01-22
js实现语音播报，浏览器与app皆可以使用。希望能够帮到各位朋友
HTML5声音合成，文字转换声音，无声音解决办法
12-22
HTML5声音合成，文字转换声音，无声音解决办法，TTS引擎 speechSynthesis对象详解 无法发出声音解决办法
asp 实现当有新信息时播放语音提示的效果
10-29
' 定时刷新页面 <script>setTimeout("location.href='check_new_info.asp'",10000) ' 关闭数据库连接 conn.Close Set conn = Nothing %> ``` ```asp <!-- check_new_info.asp --> Dim rs ' 模拟数据库连接 Set rs...
PHP短信通知+语音播报自动双呼
m0_61684517的博客
06-23 183
在推送短信的同时，同步推送相同内容的语音通知；用户在电话接听到通知内容后，还可通过查阅短信来确认信息内容。适用领域：货运司机通知、快递物流通知、物联网设备预警通知、服务器监控预警通知、重要订单信息变更通知。通知模板示例：【互亿无线】尊敬的***用户，您好，您的可用余额为6358条，请及时续费，自助续费请登录用户中心操作！【互亿无线】尊敬的***用户，您好，您的账户已达您设置的最大发送量，系统已暂停发送，如需变更，请登录用户中心操作！【**石化】您的车号***，请于***前入厂，请正确穿戴安全帽、反光马甲，听
PHP短信通知+语音播报自动双呼解决方案
m0_61684517的博客
03-02 1878
在一些重要信息通知的场景，需要用户能收到且关注到信息，采用短信+语音通知同步推送的方式，能很好的解决这个问题。 场景一：相同内容的短信通知+语音通知同步发送 在推送短信的同时，同步推送相同内容的语音通知；用户在电话接听到通知内容后，还可通过查阅短信来确认信息内容。 适用领域： 货运司机通知、快递物流通知、物联网设备预警通知、服务器监控预警通知、重要订单信息变更通知。 通知模板示例： 【互亿无线】尊敬的***用户，您好，您的可用余额为6358条，请及时续费，自助续费请登录用户中心操作！ 【互亿无
使用谷歌浏览器的语音播报功能时发现不能播放
qq_36001082的博客
09-19 4253
使用谷歌浏览器的语音播报功能时发现不能播放 <script> if(!('speechSynthesis' in window)) { throw alert("对不起，您的浏览器不支持") } setTimeout(()=> { play() },2000) function play(){ var mess = '搜狗[1] 是搜狐公司的旗下子公司，于2004年8月3日推出，目的是增强搜狐网的搜索技能，主要经营搜狐公司的搜索业务。在搜索业务
js添加语音播报功能
qq_38662977的博客
04-29 899
//语音播报 function anounce(text){ //转码 text = encodeURI(text); //这个是调用百度的语音播报 document.getElementById("gaojingYin").innerHTML = "<audio autoplay=\"autoplay\"><source src=\"http://tts.baidu.c...
javascript调用TTS实现语音播报html文本信息
热门推荐
知行合一
12-12 1万+
<HTML> <HEAD> <meta charset="UTF-8"> <SCRIPT LANGUAGE="JavaScript"> // Create the Sapi SpVoice object var VoiceObj = new ActiveXObject("Sapi.SpVoice"); </SCRIPT> <SCRIPT
speechSynthesis没有声音
qq_45558339的博客
05-24 9903
目录前言问题解决思路1. 首先从代码中寻找答案，常用的speechSynthesis合成代码如下2. 分析3.解决下载需要的文件 前言 本片文章首先针对的问题是[前端使用speechSynthesis合成声音，但是无法播放出声音的问题解决方案]，目前所知道的出现问题的前提条件如下： 1、电脑系统为win7 2、浏览器不限制（google浏览器版本89前可以，89后需要使用其它解决方案） 问题解决思路 1. 首先从代码中寻找答案，常用的speechSynthesis合成代码如下 var utterThis =
最简单无刷新聊天室源码解析
3.无刷新聊天室原理:无刷新聊天室是一种实时聊天应用，它可以在不刷新页面的情况下实时更新消息。这通常通过AJAX技术实现，AJAX可以在后台与服务器进行异步数据交换，然后更新页面的一部分，而不是重新加载整个页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值