audio.play() 控制台报错：Uncaught (in promise) DOMException

最新推荐文章于 2024-02-01 23:50:47 发布
原创 最新推荐文章于 2024-02-01 23:50:47 发布 · 1.1w 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文分享了在面对复杂算法问题时的有效解决策略，通过实例解析，帮助读者理解并掌握关键的算法优化技巧。
uniapp - 使用 ＜video＞ 播放视频黑屏，浏览器控制台报错： DOMException: The element has on supported sources.（详细完美解决方案）
高级前端工程师
10-24 6911
uniapp video 视频播放黑屏，uniapp 报错DOMException: The element has on supported sources.，uniapp如何解决DOMException: The element has on supported sources.，uniapp使用video标签无法播放视频出现黑屏问题处理，uniapp解决video视频黑屏显示0秒，并且浏览器报错DOMException: The element has on supported sources.，un
Spark 报错：ERROR Utils: Uncaught exception in thread shutdown-hook-0 java.lang.NullPointerException
主要写大数据集群一线运维和学习工作经验
03-25 1027
针对 Spark 任务关闭阶段（线程）出现的。
DOMException: play() failed because the user didn‘t interact with the document first.
热门推荐
qq 117791303
02-01 2万+
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
填坑——audio不能正常播放，控制台报错 Uncaught (in promise) DOMException
Mariosss的博客
02-21 2万+
用chrome调试页面时，发现audio控件有时不能正常播放音频，控制台报错 Uncaught (in promise) DOMException； 解决方法如下： 在chrome的地址栏中输入：chrome://flags/#autoplay-policy，回车打开设置页面，在该设置改页面会看到黄色方框标记的字体：Autoplay policy ，该选项默认设置为Default，改为：No ...
H5视频、音频不能自动播放,Uncaught (in promise) DOMException: play() failed because the user didn't...
weixin_30772105的博客
09-13 4219
错误原因：Chrome的autoplay政策在2018年4月做了更改。 解决办法： 第一步，在chrome浏览器中输入：chrome://flags/#autoplay-policy 第二步，在Autoplay policy中将Default改为No user gesture is required 第三步，点击下方的“RELAUNCH NOW”,就大功告成了！ ...
Uncaught (in promise) DOMException: play() failed because the user didn‘t in
qq_43175672的博客
01-26 2万+
现代浏览器为了提高用户体验和防止滥用自动播放，通常会在没有用户交互的情况下阻止自动播放视频，并要求在播放之前有用户交互。可以把视频设置为静音状态，添加。
Uncaught (in promise) DOMException: Failed to load because no supported source was found.
LJJONESEED的博客
03-30 2万+
uniapp 的音频报错， 我的是这样的情况，有时候是好的有时候不是好的。 报错如下图： 搜索了下报错的原因，是因为音频找不到资源。 查看代码，发现路径是这样写的。 于是进行了以下的修改： 直接在上面引入，就可以了。 解决啦~ ...
turf.js报错：Uncaught (in promise) Error: Invalid unit的解决办法
总柴的博客
06-28 1429
turf.js报错：Uncaught (in promise) Error: Invalid unit的解决办法 报错代码（npm i turf）： import turf from 'turf'; var line = turf.lineString([[-83, 30], [-84, 36], [-78, 41]]); var options = {units: 'miles'}; var along = turf.along(line, 200, options); // 报错行 正确代码（np
精选资源
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
Chrome音频报错Uncaught (in promise) DOMException: play() failed because
bgp_halt_here的博客
04-13 2388
Chrome音频莫名报错 原因：Chrome的autoplay政策在2018年4月做了更改。 解决办法： 第一步，在chrome浏览器中输入：chrome://flags/#autoplay-policy 第二步，在Autoplay policy中将Default改为No user gesture is required 第三步，重启Chrome 如果找不到的话，说明chrome浏览器已经升级了！...
[已解决]Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
a474416564的博客
02-17 1845
上面代码是地址，下面是js操作。如果是mp3文件source中的type要改为audio/mpeg。 在谷歌浏览器页面跳转有效果，但是刷新页面时会报错，不知原因. 有个坑就是firefox浏览器不识别MP3，得用wav文件。
html5 autoplay不起作用 Uncaught (in promise) DOMException: play() failed because the user didn't interac...
SummerGao
03-04 413
Chrome的autopl...
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document
任立伟的博客
09-22 1356
大多数浏览器为了用户体验会把这个自动播放音频屏蔽掉 解决方案，设置自己的浏览器，（对我没什么用） js中使用iframe的方式可以办到，亲测有效 aplayAudio: function() { let iframe = document.createElement('iframe'); iframe.src="src/assets/alarm.wav"; document.body.appendChild(iframe); }, ...
audio修改src再播放出现 Uncaught (in promise) DOMException 的解决办法
ljw_jiawei的博客
08-01 4235
修改src后, 在play()之前加一个定时器延迟一下时间 , 如下: this.timeout1 = setTimeout(()=>{ audio.play() },300)
Uncaught(in promise)DOMException:play()
xingxingxingge的博客
03-18 3017
在Chrome中页面首次加载的时候有事会出现以上报错： Uncaught (in promise) DOMException: play() failed because the user didn't in 在浏览器输入地址: chrome://flags/#autoplay-policy 修改Autoplay policy 为No user gesture is requir...
audio修改src再播放出现 Uncaught (in promise) DOMException 的解决办法（转）
dragoo1的专栏
04-28 1983
修改src后,在play()之前加一个定时器延迟一下时间 , 如下: setTimeout( function(){ audio.play(); }, 10); 转自：https://blog.csdn.net/ljw_jiawei/article/details/98026468
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
weixin_45337447的博客
07-04 5222
属性指向一个音频文件，使它播放音频。为了给用户比较好的体验，这个音频文件最好是一个空的音频文件，即没有音频内容的文件，时长也尽可能短一点，比如。解决因为浏览器限制不能自动播放音频视频的缺陷，最主要还是因为需求不然谁闲着饶这么大的弯子去这么搞，废话不多说了。属性，使它静音，这样视频就能自动播放了，但是没有声音。然后待用户在网页上有了任意触发后，再将。播放了这个音频文件后，就能触发网页播放音频的权限，这样再来播放视频或音频，就没有问题了。*注意该方案只适用于本地调试。
uniapp播放视频 Uncaught (in promise)DOMException: The element has no supported sources.
GXQ的博客
03-29 2万+
参考：https://uniapp.dcloud.io/component/video.html 参考：https://blog.csdn.net/wusejiege6/article/details/110723290 加入<video src=""><video>标签即可 <video src="http://114.55.8.17:8000/static/file/%E4%B8%BE%E9%87%8D%E5%A4%B1%E8%AF%AF%E9%9B%86%E9%94%A6
黑马网易云歌曲播放报错 Uncaught (in promise) DOMException: The element has no supported sources
qq_47562435的博客
10-09 4130
代码跟视频敲的都正确，在默认的谷歌打开却报错 将网址在其他浏览器打开就可以看到啦！
cesium的entity.polyline.width报错：Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'polyline')
最新发布
09-13
“Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'polyline')” 这个错误通常表示尝试访问一个未定义对象的 `polyline` 属性。在 Cesium 中，当使用 `entity.polyline.width` 时出现此错误，可能是因为 `entity` 未正确定义或者 `entity` 本身是 `undefined`。以下是一些可能的解决方法： ### 检查 entity 是否正确创建 要确保 `entity` 对象已经被正确创建和初始化。例如： ```javascript // 创建一个新的 entity var viewer = new Cesium.Viewer('cesiumContainer'); var entity = viewer.entities.add({ polyline: { positions: Cesium.Cartesian3.fromDegreesArray([ -75.59777, 40.03883, -75.60277, 40.03283 ]), width: 5 } }); // 之后可以安全地访问 polyline 属性 if (entity && entity.polyline) { entity.polyline.width = 10; } ``` ### 异步加载数据的情况 如果 `entity` 是通过异步方式加载的，需要确保在访问 `polyline` 属性之前，`entity` 已经被正确赋值。例如： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 模拟异步加载 entity function loadEntityAsync() { return new Promise((resolve) => { setTimeout(() => { var entity = viewer.entities.add({ polyline: { positions: Cesium.Cartesian3.fromDegreesArray([ -75.59777, 40.03883, -75.60277, 40.03283 ]), width: 5 } }); resolve(entity); }, 1000); }); } loadEntityAsync().then((entity) => { if (entity && entity.polyline) { entity.polyline.width = 10; } }); ``` ### 检查数据来源 如果 `entity` 是从外部数据源（如 JSON 文件）加载的，要确保数据源中包含正确的 `polyline` 定义。 ### 调试和日志输出 可以在代码中添加一些调试信息，输出 `entity` 的值，以便确认其是否正确定义： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var entity = viewer.entities.add({ // 其他属性 }); console.log('Entity:', entity); if (entity && entity.polyline) { entity.polyline.width = 10; } else { console.log('Entity or polyline is undefined.'); } ```
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值