chrome audio 不支持autoplay play报错

最新推荐文章于 2024-08-09 14:49:25 发布
最新推荐文章于 2024-08-09 14:49:25 发布
阅读量2.3k 收藏
点赞数 2
分类专栏： web 文章标签： audio play chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32674347/article/details/89393059
版权

原因：谷歌在高于66版本中为了网页不影响用户的体验，已经关掉了自动播放功能

解决方法：

1，请打开chrome,输入chrome://flags/#autoplay-policy；

2，在auto policy 中选择 no user gesture is required

3，重启chrome,完成OK

如下图

yangliweigauguagua
关注
专栏目录
谷歌浏览器音频自动播放HTML,修改系统设置让 Chrome 浏览器支持音频自动播放
weixin_30427953的博客
06-02 2025
Android Chrome 浏览器默认禁止音频自动播放，但可以通过修改系统配置参数允许这个功能。在 Android Chrome 60.X 版本之前，chrome://flags 中有一个 disable-gesture-requirement-for-media-playback 的选项，在浏览器中输入 chrome://flags/#disable-gesture-requirement-f...
html5视频自动播放兼容谷歌浏览器,chrome浏览器不支持audio和video标签的autoplay自动播放解决方案...
weixin_35427210的博客
05-31 3981
音频audio和视频video无法自动播放这个在IOS上面一直是个惯例。桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66开始也正式关掉了声音自动播放，也就是说在Safari、Chrome、opera浏览器中音频audio和视频video自动播放功能都将失效。解决方案一在chrome 浏览器中输入：chrome://f...
autoplay标签在chrome中失效的问题
Rookie
03-14 2289
早在我的第一期前端五子棋中就遇到这个令人头疼的问题，最开始是由于谷歌版本的更新，为了更安全所以就取消autoplay这个自动播放的功能，后来我也再网上搜索到了很多解决方案，也只是瞎猫碰到死耗子恰巧解决了整个问题，至于我在前端五子棋第二版所说的那个解决方案，仅仅是由于服务器不支持中文，使得中文名乱码而找不到mp3音频所导致的问题。 进入正题，可以参看我给出的五子棋的代码为例来叙述我的解决过程。（两版...
Android chrome默认设置Autoplay policy
zhaoyufei133的博客
01-14 4410
Chrome 谷歌浏览器有很多插件，其中有一个是自动播放策略的，默认设置的是Default， 可以手动设置为无需用户手势确认--No user gesture is required（76.0版本之后就没有这个插件了）。 貌似76.0版本后有别的方法设置自动播放，我不太清楚，可以参考网友评论https://ask.csdn.net/questions/772569 客户想要默认设置为No user.........
vue背景音频播放以及failed because the user didn‘t interact with the document first问题
m0_46978096的博客
08-09 408
【代码】vue背景音频播放以及failed because the user didn‘t interact with the document first问题。
chrome浏览器无法自动播放音乐的设置
MyNameIsXiaoLai的博客
02-15 831
https://blog.csdn.net/a639735331/article/details/81457144 在浏览器输入  chrome://flags/#autoplay-policy  第一个选项 Autoplay policy  设置为 no user gesture is required
浏览器无法自动播放音乐的设置
fmyzc的博客
11-05 1万+
google        在浏览器输入  chrome://flags/#autoplay-policy         第一个选项 Autoplay policy  设置为 no user gesture is required safari         随便打开一个页面，在地址栏位置单击右键        在弹出的对话框中点击 [此网站的设置]        在弹出的对话框中...
audio在chrome浏览器中不支持自动播放
03-31
```<audio src="xxx.mp3" autoplay></audio>``` 2. 在javascript中使用play()方法实现自动播放： ``` var audio = new Audio("xxx.mp3"); audio.play(); ``` 需要注意的是，这种方法需要在用户与页面进行交互后...
新版Chrome访问http页面无法在用户未交互的情况下自动播放声音（Google浏览器不支持audio自动播放问题）
m0_45158829的博客
08-18 2987
前提： 现系统项目需要用户在websocket接收实时通知时自动触发报警声音 解决方式： 用了h5中的audio标签，将其中属性设置为autoplay后不能自动播放，查询了网上其他人的写法，增加了muted 也没反应，控制台上有如下报错 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. chrome是这么说的：https://develope
react hook使用audio autoPlay 不生效
最新发布
09-27
audio.play(); } }, [isVisible]); ``` 3. **权限问题**：确保用户的设备允许网站访问其音频播放功能，可以在HTML头部添加`<meta>`标签告知浏览器这是一个媒体应用： ```html ; charset=utf-8"> , initial-...
html5中为audio标签增加停止按钮动作实现方法
09-28
`<audio>`标签允许我们指定音频源（src），设置预加载行为（preload），控制自动播放（autoplay），以及添加控制条（controls）等。例如： ```html <audio id="myAudio" src="music.mp3" controls></audio> ``` 在...
Chrome 下video的autoplay属性无效
UrSmiles的博客
02-21 586
Chrome 下video的autoplay属性无效 您的浏览器不支持 video 标签。 方法如下：使用获取dom的方式，初始化时候加载就行了 var oVideo=document.getElementsByTagName(‘video’)[0]; oVideo.play(); ...
关于谷歌浏览器的禁止autoplay政策 - Kaiqisan
Kaiqisan的博客
07-16 7410
关于谷歌浏览器的禁止autoplay政策 autoplay: 这个属性表示在用户进入页面的时候自动开始播放声音或者播放视频，但是，这个属性会在谷歌浏览器中失效，这是为什么呢？ 因为谷歌浏览器在用户体验和安全性方面做出自己的限制，默认阻止音视频的自动播放。解决方法也很简单，修改下权限就可以了~ 首先我们在谷歌浏览器中打开 chrome://flags/#autoplay-policy 然后通过顶端的搜索框找到 Autoplay policy属性，然后将它的属性值修改为 “No user gesture i
解决谷歌浏览器audio默认音乐无法播放问题
qq_42628504的博客
07-25 1897
解决google浏览器禁止audio播放问题
填坑——audio不能正常播放，控制台报错 Uncaught (in promise) DOMException
anbinmei9074的博客
09-06 1248
原文：https://blog.csdn.net/Mariosss/article/details/8786...
Chrome不能自动播放音乐的解决方法
easyboot的专栏
11-27 6448
需要在地址栏中输入chrome://flags/#autoplay-policy，然后在高亮的选项中，将Default换成No user gesture is required：  
[bug]解决chrome浏览器不支持所有媒体音乐不自动播放问题
weixin_34342207的博客
01-31 3053
声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 <audio autopaly> <video autoplay>在桌面版浏览器也将失效。 那么怎么解决呢？解决...
新的跨域策略：使用COOP、COEP为浏览器创建更安全的环境
Yvette Lau的专栏
08-05 823
Web 资源可组合性是 Web 的非常强大的一项能力，你可以轻而易举的加载来自不同来源的资源来增强网页的功能，例如：font、image、video 等等。这些服务非常强大，也很方便，但...
谷歌浏览器不能自动播放音频的问题
热门推荐
wsyh12345678的博客
12-26 1万+
因为我做了一个实时通讯的功能，是有用户下单就触发后台的语音播放，但是谷歌浏览器因为进入到页面不能自动播放音频 解决办法： 1.进入到 chrome://flags/#autoplay-policy 2.然后找到Autoplay policy选项，设置为Setting No user gesture is required 3.最后重启:Relaunch Chrome...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值