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

最新推荐文章于 2024-01-31 15:27:00 发布
最新推荐文章于 2024-01-31 15:27:00 发布
阅读量3.3k 收藏 1
点赞数 1
分类专栏： Bug解决 文章标签： java vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48691132/article/details/118390154
版权

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

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

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

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

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

YoungManCJ
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ChromeController：使用Chrome调试协议的Chrome浏览器的综合包装和执行管理器
02-01
Chrome远程控制界面以及调试协议和工具包。 注意：由于上游Chromium错误，测试当前无法通过： : id 使用google-chrome和/或python中的Chrome的一站式服务。 使用ChromeController，您可以完全访问从javascript获得的整个调试界面，但是使用的语言不会让人们想成为牧羊人。 流程生命周期管理，选项卡管理以及完整的chrome远程调试界面通过python公开。 通过解析远程调试协议描述json文件，通过自动代码生成自动更新。 快速开始： import ChromeController additional_options = [ '--user-data-dir=/tmp/x' ] with ChromeController . ChromeContext ( binary = "google-chrome" , additional_options = additional_options ) as cr : # Do a blocking navigate to a URL, and get the
关于音频在谷歌浏览器无法自动播放问题
weixin_41926354的博客
04-09 2220
关于音频在谷歌浏览器无法自动播放问题 音频播放时出现 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD 解决： 第一步，在chrome浏览器中输入：chrome://flags/#autoplay-policy 第二步，在Autoplay policy中将Default改为No user gestur
基于selenium、chrome浏览器、chromedriver实现的某东试用的自动试用软件代码，薅羊毛利器
04-23
基于selenium、chrome浏览器、chromedriver实现的某东试用的自动试用软件代码，薅羊毛利器 1、pycharm2019.1，python3.6(最新的版本有点问题，打包exe有bug），selenium版本3.141 2、jd_auto.py启动，TryAllProductsOfCurrentPage.py里面有试用页的调用 3、打包exe的命令里面注意加上site-packages，否则在其他电脑上运行exe会缺少库 4、自己创建工程，把两个代码文件放到工程里面即可。 5、chrome浏览器是最新的73版本，需要配套的chromedriver.exe 2.46 下载地址：http://npm.taobao.org/mirrors/chromedriver/ 注意看链接里面的notes.txt，里面记录了chrome浏览器和chromedriver的版本对应关系 6、chromedriver.exe应该放置到chrome浏览器的安装目录下，win10系统下，如果打包的exe运行有错误，可以在exe同级目录下再拷贝一个chromedriver.exe就可以了。
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
01-18
一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误：Uncaught (in promise) DOMException； 解决 在网上找了很多方法都不行，最后试出一种可行：语音播放显示出来才可以自动播放语音，如下图； 上代码
CodeGrader:Chrome浏览器插件，可帮助马里兰州大学帕克分校CS系的学生的作业项目提交中的助教年级代码样式
03-18
CodeGrader CodeGrader是一个Chrome浏览器插件，可帮助马里兰大学CS系学院公园级学生代码分配的助教。 传统的自动测试无法解决许多代码问题，例如样式，逻辑复制和禁止的语言功能的使用。因此，过去必须由人类评分员手动对它们进行评分。 CodeGrader自动执行此过程的某些部分，例如检测上述潜在问题以及为学生生成和报告反馈。它还可以使评分员始终处于循环中，以便在极端情况下行使判断力并自定义反馈。 屏幕截图 （眼见为实） 安装 从Chrome网上应用店安装 Chrome网上应用店提供了该插件的最新版本。只需导航到该，然后单击“添加到Chrome”按钮即可。 从源安装 要获取具有最新错误修正的最新版本，请按照以下步骤操作： 克隆此存储库。 在chrome：// extensions中，启用开发者模式。 在chrome：// extensions中，点击“加载解压缩”，导航
play() failed because the user didn‘t interact with the document优化媒体不能自动播放
wzp20092009的博客
09-14 1万+
谷歌浏览器 video 元素设置 autoplay，我们原意是希望页面加载时自动播放，但实际上并没有自动播放，在控制台报错如下： Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. 这里的意思是，是因为用户没有先和网页交互所以播放失败。
play() failed because the user didn‘t interact with the document first
privateobject的博客
08-30 2万+
使用js调用音频文件报错，错误信息如下： play() failed because the user didn’t interact with the document first 翻译：play方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】 用户再跟网页有了交互后，该报错不会再出现 参考： 链接内的评论 解决方案 解决方式： muted=“muted” 在标签上添加 <video muted="muted"></video> ...
报错 play() failed because the user didn‘t interact with the document first
qq_45976132的博客
05-18 2万+
Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD 报这个错是因为 在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay属性也一样不能自动播放 在我项目中的原因是因为我把播放声音的按钮设置为t
DOMException: play() failed because the user didn‘t interact with the document first
热门推荐
指尖下的精灵
07-30 6万+
报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互 需求如下 实时刷新告警列表，保证用户获取到最新告警消息，当有新的告警消息时，响警报铃 解决方案 当用户首次进入页面时给提示用户启用告警铃声 let audioPlay = document.getElementById('myaudio') audioPlay.play() setTimeout(() => { audioPlay.pause() .
web端 m3u8播放器
阿门阿窗一颗葡萄树
05-20 2751
m3u8文件介绍，请看m3u8文件格式详解 m3u8播放器git地址，点击获取 这个就是git上下载下来的文件目录，浏览器打开外面的index.htm，input里输入你的.m3u8文件的地址，点击play，就会跳转到player下面的index.html里，实现播放 我的做法是，直接提取player里面的文件放到自己的项目目录，然后在进入这个链接的时候，直接在浏览器url上加 # + .m3u8地址 ps：在浏览器看的时候，可能会报错： player.js:11 Uncaught (..
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
12-10
由于chrome,safari,opara 浏览器还未支持自动 “设为首页” & “加入收藏”. 所以我们只能try, catch一下, 给个错误提示! 也算完美了. 另外ie中, 很多人也碰到过 它window.external.addFavorite. 时会报错的问题....
html谷歌浏览器实现自动播报语音,vue中解决chrome浏览器自动播放音频 和MP3语音打包到线上...
weixin_30499315的博客
06-03 1955
需求有新订单的时候，页面自动语音提示和弹出提示框；问题chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误：Uncaught (in pr...
解决chrome66升级后，vidio和audio无法自动播放并在console中报错的问题 报错内容Uncaught (in promise) DOMException: play() failed
李小乐er
11-19 8231
chrome目前将video和audio的autoplay自动播放功能禁用，解决办法是： 在chrome浏览器中打开网址chrome://flags/并搜索Autoplay policy 把默认的Default改成No user gesture is required  浏览器最下面会提示RELAUNCH NOW，点击RELAUNCH NOW自动重启浏览器后将会生效(如果chrome://fla...
play() failed because the user didn't interact with the document first
wed2100304的专栏
11-18 3万+
vue使用js调用音频文件报错，错误信息如下： play() failed because the user didn't interact with the document first 翻译：play方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】 用户再跟网页有了交互后，该报错不会再出现 如果必须再网页加载完就播放音频，详情请看 ...
自动播放音频 audioDom.play() 报错 - play() failed because the user didn‘t interact with the document first.
最新发布
工作中遇到问题记录
01-31 2778
`audioDom.play()` 自动播放音频时报错：`Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.`
谷歌浏览器不能自动播放音频
u010836780的博客
10-13 550
关于谷歌浏览器不能自动播放音频的问题 音频播放时报错。Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD 音乐播放 <audio id='audioPlay' src='../assets/style/music/zdqc.mp3' autoplay='autoplay' contro.
解决Selenium在chrome中播放视频报错：play() failed because the user didn't interact with the document first.
boweiqiang的博客
03-17 2797
用selenium在chrome浏览器中自动化播放html5中的视频时，遇到如下报错： Error Traceback (most recent call last): File "/Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/unittest/case.py", line 59, in testPartE...
页面无法自动播放音频的解决方案
halo1416的博客
01-10 3668
问题描述： 最近在做一个客服电话平台（电话呼出呼入），因为里面使用了webRTC实现了软电话功能，所以现在电话呼入之后，页面弹出接听弹窗并且播放来电铃声，提醒用户接听。所以就使用了audio标签的play() 做自动播放（很久以前这么做过），但是没想到报错如下： Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo
vue3实现首页背景插入视频（vue3-video-Play）：禁用视频点击事件；！！用自带的＜video＞实现视频做背景超简单
weixin_50245419的博客
10-30 1296
poster: require('封面地址'),src: require('视频地址'),直接用了最笨的办法：在视频上方覆盖了一个盒子。div绝对定位：position。 如果只是要作为背景，根本不需要插件。
UI自动化测试过程中chrome浏览器出现ERR_INSUFFICIENT_RESOURCES，怎么解决
07-13
在进行 UI 自动化测试过程中，如果 Chrome 浏览器出现 ERR_INSUFFICIENT_RESOURCES 错误，可能是由于以下几个原因导致的： 1. 内存泄漏：自动化测试过程中，可能会出现未正确释放资源的情况，导致内存占用不断增加，最终导致资源不足错误。你可以检查你的测试代码，确保在每个测试完成后正确地释放浏览器实例和其他资源。 2. 多个 Chrome 实例同时运行：如果你同时运行了多个 Chrome 实例进行自动化测试，可能会导致资源不足。你可以尝试限制同一时间运行的 Chrome 实例数量，或者在测试完成后手动关闭不需要的实例。 3. 配置不当：某些 Chrome 浏览器配置可能会导致资源不足错误。你可以尝试修改 Chrome 的配置，例如减少页面缓存大小、禁用扩展程序等。可以查阅 Chrome 浏览器文档或者社区来获取更详细的配置建议。 4. 硬件资源不足：如果你的计算机硬件资源有限，例如内存、处理器等，可能会导致浏览器运行时出现资源不足错误。在运行自动化测试之前，确保你的硬件资源能够满足测试需求。 解决 ERR_INSUFFICIENT_RESOURCES 错误的一般方法包括优化测试代码、限制并发运行的浏览器实例数量、调整浏览器配置或升级硬件资源。根据具体情况，你可能需要结合以上方法尝试解决问题。如果问题仍然存在，建议提供更多关于错误发生的详细信息，以便进行进一步的诊断和解决。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值