Chrome浏览器语音自动播放功能

Chrome浏览器为了屏蔽带声音的骚扰广告，从66版本后不再允许自动播放语音，我做的项目需要实时语音提示报警信息，网上搜索了好久都说不再支持自动播放，直到碰到一个大神提供建议设置Chrome浏览器允许声音自动播放：

前台JS代码如下：

let u = new SpeechSynthesisUtterance();
u.text="说点啥呢，点个赞再走呗"
u.lang='zh'
u.rate='1.2'
speechSynthesis.speak(u)

方法1：

在鼠标右击Chrome快捷图-->属性-->快捷方式-->目标加入"--autoplay-policy=no-user-gesture-required"即可

方法2：

在较老版本chrome地址栏中输入chrome://flags/

再搜索Autoplay policy

再在右侧的选项中设置为 No user gesture is required 即可

方法3：

如果是76-80=版本chrome设置：

搜索Touch Events API改成Automatic

设置后就可以使用Chrome自带的文字转语音工具了：

方法4：

自动升级到90版本，再次不可用，修改代码：

this.speecher = window.speechSynthesisif (this.speecher.speaking) {console.error('speechSynthesis.speaking');this.speecher.cancel()}const voices = this.speecher.getVoices()let utterThis = new SpeechSynthesisUtterance('给你最后一次机会，赶快说~')utterThis.onend = function (event) {console.log('SpeechSynthesisUtterance.onend');}utterThis.onerror = function (event) {console.error('SpeechSynthesisUtterance.onerror');}utterThis.rate = '1.2'for(let i = 0; i < voices.length ; i++) {if(voices[i].name === 'Microsoft Huihui Desktop - Chinese (Simplified)') {utterThis.voice = voices[i];break;}}this.speecher.speak(utterThis)

方法5.

升级到91版本再次不可用

决定放弃chrome自带播报，改用百度语音，切记前端工程所在服务器需要可用联外网

let message = '你好，百度，我放弃了我的最爱谷歌浏览器语音'
let url = "https://tts.baidu.com/text2audio?cuid=baike&lan=ZH&ctp=1&pdt=301&vol=9&rate=32&per=0&tex=" + encodeURI(message);
// baidu文字转语音
var voiceContent = new Audio(url);
voiceContent.src = url;
voiceContent.play();

Chrome浏览器语音自动播放功能相关推荐

解决chrome浏览器无法自动调用阿里旺旺客户端聊天软件
2019独角兽企业重金招聘Python工程师标准>>> 解决chrome浏览器无法自动调用阿里旺旺客户端聊天软件复制粘贴以下代码,可以直达设置页面 chrome://setting ...
Chrome浏览器调试自动进入 paused in debugger 状态
项目场景: Chrome浏览器调试自动进入 paused in debugger 状态问题描述: 初始按下F12是正常的显示,但是之后刷新页面就会出现上述状态. 原因分析: 暂时不清楚是什么原理.. ...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题一般的浏览器input和button的高度不一致问题...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...
Selenium根据Chrome浏览器版本自动下载/更新驱动chromedriver.exe
个人经常使用到selenium来控制浏览器进行相关的操作,但是Chrome浏览器经常会自动更新,导致已有的驱动程序chromedriver.exe失效,需要重新下载. 以前尝试过禁止Chrome浏览器 ...
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...
Python实现Chrome浏览器书签自动备份
import os import json# 设置 Chrome 书签文件的路径 chrome_path = r"C:\MyChromeDevUserData\Default\Bookmar ...
谷歌(chrome)浏览器不能自动播放视频video标签
问题:VIDEO播放视频只有声音不出现画面原因:视频格式有问题 mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264) 使用H264格式,视频播放正常问题:谷歌 ...
mac下关闭chrome浏览器的自动更新
方法一: 首先关闭Chrome浏览器,然后进入目录"/Library/Google/GoogleSoftwareUpdate".(进入的是Mac系统目录下的"/Libra ...
谷歌chrome浏览器无法自动播放video标签视频的问题
问题根源详见:Chrome中的自动播放政策>> https://developer.chrome.com/blog/autoplay/ The Autoplay Policy launc ...
Chrome浏览器关闭自动更新
背景是: 在用Python抓取的时候,经常会遇到Chrome浏览器版本和Chromedriver版本不一致的情况,为此有必要关闭Chrome的自动更新功能. 1.在Windows电脑桌面上,右键点击& ...

Chrome浏览器语音自动播放功能

Chrome浏览器语音自动播放功能相关推荐

最新文章

热门文章