解决Chrome浏览器中无法通过代码实现自动播放错误

错误提示为：Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

通过查阅资料得知问题的解决核心关键在于：

必须在自动播放之前与该音频进行过至少一次交互

所以解决的办法为：可以使用一个按钮组件或者其他组件，绑定一个点击事件然后在事件中调用该音频结点的play()即可。成功播放后，可在任意位置通过代码自动播放该音频文件。

解决的方法比较简单，这里就不截图演示了，主要在于找到某种方法先与音频文件进行交互之后，才能进行自动播放。

解决Chrome浏览器中无法通过代码实现自动播放错误相关推荐

解决chrome浏览器中鼠标滚轮滚动事件失效的问题
今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中,鼠标滚轮上下滚动时,页面不动的问题,后查询相关资料后解决,具体方法是加入如下代码: <script type=" ...
解决Chrome浏览器中部分字体显示模糊的问题
如果在Chrome浏览器中查看某些网页时,发现大部分字体显示清晰,但是另外部分字体显示模糊看不清的话,有可能是浏览器字体设置的问题.解决方式如下: 1.点击Chrome浏览器右上角的"... ...
内网使用openssl自签名证书开启https连接，同时解决chrome浏览器中的不安全访问
1.在内网中开启https访问,使用ip,请直接看第二步.如果是外网域名的话,建议直接去从阿里云或者其他的网站中直接用权威机构颁发的证书.地址 2.请先安装OpenSSL 3.生成证书创建根证书 ...
完美解决Chrome浏览器中图片出现彩色马赛克的问题
问题描述使用Chrome浏览器浏览网页的时候出现了如下的情况: 解决方案打开Chrome的设置. 进入高级部分的系统. 将"使用硬件加速模式(如果可用)"取消. 个人的猜测 C ...
“ERR_NAME_NOT_RESOLVED“ : 如何在 Google Chrome 浏览器中修复此 DNS 错误
当我们要访问特定的 Web 项目,只需要一个 Internet 浏览器和该项目的域名.在浏览器的地址栏中键入域名以表示页面的数字 IP 地址.DNS服务器(域名系统)处理这种为域名解析的自动翻译.如果 ...
“ERR_NAME_NOT_RESOLVED”：如何在 Google Chrome 浏览器中修复此 DNS 错误
互联网使您可以访问看似无限数量的各种网站.要访问特定的 Web 项目,您只需要一个Internet 浏览器和该项目的域名.您在浏览器的地址栏中键入域名以表示页面的数字 IP 地址.DNS 服务器(域名 ...
notepad++ 编写html代码快捷键切换到浏览器查看,notepad++在chrome浏览器中打开查看网页效果...
notepad++在chrome浏览器中打开查看网页效果,操作设置:运行--在chrome浏览器中打开,这是notepad默认的设置方式但是notepad++如果没有配置chrome浏览器打开,可以 ...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题一般的浏览器input和button的高度不一致问题...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...

解决Chrome浏览器中无法通过代码实现自动播放错误

解决Chrome浏览器中无法通过代码实现自动播放错误相关推荐

最新文章

热门文章