Uncaught(in promise)DOMException:play()

最新推荐文章于 2024-02-01 23:50:47 发布
最新推荐文章于 2024-02-01 23:50:47 发布
阅读量2.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingxingxingge/article/details/88648887
版权

在Chrome中页面首次加载的时候有事会出现以上报错：

Uncaught (in promise) DOMException: play() failed because the user didn't in

  • 在浏览器输入地址:    chrome://flags/#autoplay-policy

  • 修改 Autoplay policy 为 No user gesture is required
  • 重启浏览器
xingxingxingge
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uncaught DOMException:
04-24
NULL 博文链接：https://lbyzx123.iteye.com/blog/2359387
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
weixin_45337447的博客
07-04 4296
属性指向一个音频文件，使它播放音频。为了给用户比较好的体验，这个音频文件最好是一个空的音频文件，即没有音频内容的文件，时长也尽可能短一点，比如。解决因为浏览器限制不能自动播放音频视频的缺陷，最主要还是因为需求不然谁闲着饶这么大的弯子去这么搞，废话不多说了。属性，使它静音，这样视频就能自动播放了，但是没有声音。然后待用户在网页上有了任意触发后，再将。播放了这个音频文件后，就能触发网页播放音频的权限，这样再来播放视频或音频，就没有问题了。*注意该方案只适用于本地调试。
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document
sjslln的博客
09-04 10000
audio.html:43 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed)
超悠閒的博客
01-23 1万+
HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed) 文章目录HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed)0. 项目背景1. 问题描述尝试: 主动调用 play 方法（失败）2. 解决方案2.1 解决方案 1: 静音2.2 解决方案 2: 监听
jQuery报错 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
热门推荐
weixin_45651609的博客
09-11 2万+
jQuery报错 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
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. 这里的意思是，是因为用户没有先和网页交互所以播放失败。
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document...
weixin_33887443的博客
12-03 7109
最近在开发一个网站时，有个需要是 如果有新预警信息要在网页中播放提示音。页面打开会请求是否有新信息，有则播放提示音。在Chrome的最新浏览器中，播放会报错，控制台显示Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.搜索发现Chrom...
报错 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
js播放音频 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with
PrimaryColor
10-07 2787
google浏览器必须在用户与页面进行交互后，才能进行播放音频。
自动播放音频 audioDom.play() 报错 - play() failed because the user didn‘t interact with the document first.
工作中遇到问题记录
01-31 3712
`audioDom.play()` 自动播放音频时报错：`Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.`
[已解决]Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
a474416564的博客
02-17 1601
上面代码是地址，下面是js操作。如果是mp3文件source中的type要改为audio/mpeg。 在谷歌浏览器页面跳转有效果，但是刷新页面时会报错，不知原因. 有个坑就是firefox浏览器不识别MP3，得用wav文件。
autoplay不起作用 Uncaught (in promise) DOMException: play() failed because the user didn‘t interac
总结前端开发中遇到的问题，分享前端知识
06-06 3852
浏览器提示报错-->Uncaught (in promise) DOMException: play() failed because the user didn't interac 分析：浏览器为了提高用户体验，减少性能消耗，只有在发生用户行为的时候才可以播放音频或视频。而页面加载，定时请求不属于用户行为，因此被禁止自动播放......
H5视频、音频不能自动播放,Uncaught (in promise) DOMException: play() failed because the user didn't...
weixin_30772105的博客
09-13 3980
错误原因：Chrome的autoplay政策在2018年4月做了更改。 解决办法： 第一步，在chrome浏览器中输入：chrome://flags/#autoplay-policy 第二步，在Autoplay policy中将Default改为No user gesture is required 第三步，点击下方的“RELAUNCH NOW”,就大功告成了！ ...
DOMException: play() failed because the user didn‘t interact with the document first.
最新发布
qq 117791303
02-01 428
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
phaser.min.js:27 Uncaught (in promise) DOMException: play() failed because the user ...(已解决)
撑起自己半边天
07-20 299
解决方案：设置视频为静音就可以了（video.setMute(false)）
H265播放器EasyPlayer.js首次加载出现Uncaught (in promise) DOMException错误信息
TSINGSEE青犀视频官方技术博客
08-03 667
测试过EasyPlayer播放器的朋友都知道，EasyPlayer在做播放器项目集成的时候十分便捷，因为EasyPlayer不仅针对不同的协议衍生出了多个版本，EasyPlayer.js、EasyPlayerPro等，并且每个版本都带有二次开发接口，用户的自主调用简单易上手。 有的项目中使用EasyPlayer.js首次加载时会出现错误信息：Uncaught (in promise) DOMException: play() failed because the user didn’t interac
html audio标签 uncaught (in promise) domexception: play() failed because the
09-16
HTML音频标签（`<audio>`）是用于在网页上播放音频文件的标签。在播放音频时，可能会出现`Uncaught (in promise) DOMException: play() failed because the`这个错误。 这个错误通常是由于以下几种情况引起的： 1. 资源加载失败：音频文件无法正常加载，此时`play()`方法无法执行，就会出现该错误。这可能是由于文件路径不正确、文件不存在或网络连接问题等原因导致的。 2. 跨域问题：如果音频文件位于其他域名下，而你的网页是在另一个域名下访问的，浏览器会出于安全考虑禁止跨域资源的访问。这时也会出现该错误。可以通过设置合适的CORS头信息或使用服务器代理来解决这个问题。 3. 自动播放政策：现代浏览器通常会限制自动播放声音，以避免滥用和不必要的打扰。如果你的代码尝试在页面加载时自动播放音频，而浏览器设置禁止自动播放，就会出现该错误。你可以将播放操作绑定到用户交互事件上，如点击按钮，从而让用户主动触发播放。 为了解决这个错误，你可以按照以下步骤进行排查： 1. 确保音频文件路径正确，并且文件存在。 2. 检查网络连接是否正常，尝试重新加载页面或音频文件。 3. 如果涉及跨域问题，可以尝试解决CORS头设置或使用服务器代理。 4. 如果是自动播放问题，可以修改代码，将播放操作放在用户交互事件中触发。 如果问题仍然存在，你可以参考浏览器的错误提示和文档，查找更详细的解决方案。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值