google浏览器audio标签不自动播放音乐

最新推荐文章于 2025-01-07 16:27:08 发布
最新推荐文章于 2025-01-07 16:27:08 发布
阅读量2.3k 收藏 1
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41417458/article/details/86002957
本文介绍了解决Google Chrome浏览器中音频自动播放问题的方法。通过修改chrome://flags下的Autoplaypolicy设置，将其从默认的'Default'改为'Nousergestureisrequired'，可以实现音频的自动播放。

用了audio标签

火狐能正常自动播放，Google怎么都不行

修改如下设置即可解决

在chrome 浏览器中输入chrome://flags，搜索“Autoplay policy”，默认为“Default”，

修改为 “No user gesture is required”

Ooo老何
关注
window.speechSynthesis语音合成在chrome浏览器中刷新无法自动播报
notChange的博客
11-17 3559
本来的想法是，页面加载好，弹出窗口，让用户点击后开启，但是领导觉得每次进来让用户点，体验不好，说用户进来肯定会点击界面，只要他点了，就给他开启，那就听领导的吧。页面中使用了iframe嵌套，会出现iframe点击 和 index页面点击，所以我定义了一个变量，接收窗口点击的次数。chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。在页面加载完毕的情况下，用户需要有主动交互行为，才能正常播放。添加网址，刷新或重新加载就会自动播报。在iframe中，监听点击，发送消息。
新版Chrome访问http页面无法在用户未交互的情况下自动播放声音（Google浏览器不支持audio自动播放问题）
m0_45158829的博客
08-18 3565
前提： 现系统项目需要用户在websocket接收实时通知时自动触发报警声音 解决方式： 用了h5中的audio标签，将其中属性设置为autoplay后不能自动播放，查询了网上其他人的写法，增加了muted 也没反应，控制台上有如下报错 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. chrome是这么说的：https://develope
谷歌浏览器不支持audio和video标签自动播放
笨小孩的博客
11-19 1万+
看了网上的一些帖子才知道原来在4月份谷歌浏览器做了改革，不止谷歌， 其他浏览器好像也不支持自动播放了，现贴出解决方案： 1.在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”， 修改为 “No user gesture is required” 就可以了；此方法仅限谷歌浏览器，而且比较笨拙， 但是问题可以解决； 2...
audio 标签加入背景音乐谷歌浏览器不能自动播放的问题
hello world！
12-04 3021
在网上查阅相关资料才知道原来在4月份谷歌浏览器做了改革，不支持自动播放了，现贴出解决方案： 由于audio.play()必须要在交互事件中才能使用，因此在项目中，我的解决方案是当用户触发滑动事件时，audio自动播放, 具体实现代码如下: <script> window.addEventListener("touchstart", function() { audio.play(); }) </script> ...
chrome下音频无法自动播放的解决办法
热门推荐
badmoonc的博客
01-17 4万+
众所周知，chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误： 直到用户有交互之后，再次调用play()方法才会正常播放。但是对于开发来说，很多情况下我们还是需要让音频自动播放的，比如实时消息通知...
谷歌游览器无法自动播放音频视频
what_where的博客
09-12 1041
谷歌游览器无法自动播放音频视频 在chrome的地址栏中输入：chrome://flags/#autoplay-policy，回车打开设置页面，在该设置改页面会看到黄色方框标记的字体：Autoplay policy ，该选项默认设置为Default，改为：No user gesture is required ，修改选项后页面下方会弹出个提示框，点击提示框上的“RELAUNCH NOW”即可。 ...
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
01-18
一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对...
h5 ＜audio＞音乐自动播放，谷歌禁止音乐自动播放处理方法
V199311的博客
01-19 2612
html代码 <a href="javascript:;" class="musicBtn functionBtn2 on" id="mc_play">音乐开 <audio id="music" loop="loop" autoplay="autoplay" preload="auto" muted> <source src="/test/bgMp3.mp3" type="audio/mpeg"> </audio> <.
vue+h5移动端音乐自动播放
GTbond的博客
06-02 2166
无
js --自动播放音频
weixin_30443075的博客
09-02 5244
简介 基本使用 chrome下无法自动播放问题处理 简介 音频的播放使用audio进行操作，可以有两种方式处理（纯js和html标签+js）。 audio是html5的新标签，用于定义声音 audio的属性（引用w3school） 属性值描述 autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。 ...
Chrome默认不能自动播放音频？有办法！！！
最新发布
qq_24518001的博客
01-07 3159
谷歌浏览器（GoogleChrome）以及其他现代浏览器对音频和视频的自动播放实施了严格的限制，这是为了提升用户体验、节省带宽并减少不必要的打扰。根据这些政策，浏览器通常不允许网页在没有用户交互的情况下播放带有声音的媒体内容。
谷歌浏览器audio标签自动播放音乐问题解决
qq_32849999的博客
01-24 1万+
其他浏览器好像也不支持自动播放了，现贴出解决方案： 1.在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”， 修改为 “No user gesture is required” 就可以了；此方法仅限谷歌浏览器，而且比较笨拙， 但是问题可以解决； 2.在使用video标签的过程中，设置静音播放，问题也可以得到解决，但是...
Chrome浏览器音/视频无法自动播放
小韩的博客
10-31 4733
由于google的一些制度，我们在写html5项目时会发现刷新页面时无法自动播放audio和video，即使你添加了autoplay属性也无济于事， IE和Edge浏览器是可以自动播放的。下面提供解决方案。本人在网上搜寻了很多方法，最后发现几个关键点：首先是谷歌浏览器的相关政策，自从 Chrome 66 开始限制了 video 和 audio 元素的自动播放，从 Chrome 71 开始限制了 Web Audio API 的自动播放，因此一些网页游戏和 webrtc 相关的音视频项目都会相应受到影响。
解决新版Chrome拦截自动播放（Google浏览器不支持audio自动播放问题）
weixin_46995731的博客
01-14 1万+
Google浏览器不支持audio自动播放 声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说 在桌面版浏览器也将失效。 设置谷歌浏览器属性 在这里可以设置某一个网址自动播放声音，不过需要引导用户进来设置chrome://settings/content 通过上述操作跳转到当前页面,点击声音设置 勾选可以播放声音,并添加上自己发布
解决谷歌浏览器 video 和 audio 标签自动播放（autoplay）无效的方法
maergaiyun的博客
07-23 2万+
Google Chrome 2018年1月起不再自动播放内容，需要自己手动配置。 版本：64.0.3282.186。 1、在浏览器搜索框中输入：chrome://flags/ 2、在进入的页面内搜索：Autoplay 3.找到 "Autoplaypolicy" ，将默认值 "Default" 修改成"No user gesture is required" 4、保存，...
audio解决不能自动播放问题
天宁的博客
10-24 1583
无法实现打开网页就能自动播放音乐正常情况下使用autoplay即可实现自动播放,但是现在打开网页该参数无效。
解决谷歌浏览器audio默认音乐无法播放问题
qq_42628504的博客
07-25 2156
解决google浏览器禁止audio播放问题
解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法
weixin_44566194的博客
03-15 7915
解决谷歌浏览器无法自动播放视频和声音的方法
解决google浏览器自动播放问题
m0_53574149的博客
07-19 1643
解决google浏览器自动播放问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值