How to autoplay audio in any browser?(如何在任何浏览器中自动播放音频?)
问题描述
我正在创建一个网站,我需要该网站在页面加载时自动播放背景声音。 然而,在我的研究中,我发现谷歌改变了自动播放策略,以避免广告。其结果是,任何带有声音和自动播放道具的设备都停止工作。
我尝试了很多人们在网上提出的建议,我会在这篇帖子的末尾列出几个。
所以,我设法找到this website here。程序员建议将IFRAME与1秒的mp3文件一起使用,并且在音频标记之前没有声音。它在他的网站上运行得很好!
所以,我的问题是..。我正在使用他使用的相同的1秒mp3文件。我使用的是他使用的相同的html结构(只是更改了我的文件路径和id名称)。而且对我不起作用。<iframe src="path/silence.mp3" type="audio/mp3" allow="autoplay" id="audio" style="display:none"></iframe>
<audio id="bgsound" autoplay loop>
<source src="path/natureza.mp3" type="audio/mp3">
</audio>
有人能帮我找出相同的代码结构如何在他的网站上工作,而在我的网站上不工作吗?我在Stack Overflow中找到的所有与此问题相关的主题都没有明确的解决方案,所以我想,也许有一个网站可以让这种功能发挥作用,有人可以帮助我挖掘这个案例。
我以前已经尝试过,但没有成功:
- 将已静音的道具与自动播放一起使用,并在JavaScript超时的情况下,在几秒钟后将FALSE值赋予已静音的道具。
- 加载页面时,不要使用自动播放道具并激活play()方法。
推荐答案
几周前,我完全按照您的计划进行了尝试,然而,经过大量研究后,我意识到现在几乎不可能做到这一点。例如,在Chrome中(我不知道在其他浏览器中是否也是如此),您无法自动播放声音/视频,除非满足以下其中一点:
- 用户与您的网站交互(单击您网站的任何部分)。
- 用户已将您的网站添加到主屏幕(手机)。
- 用户已超过媒体交互指数(MEI)阈值。
- 您的网站在Google自动播放白名单中(如YouTube)。
在我的案例中,我使用了一个Cookie策略按钮来强制用户与我的网站交互并触发声音播放。
您可以在此处查看更多信息和示例:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
这篇关于如何在任何浏览器中自动播放音频?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何在任何浏览器中自动播放音频?
基础教程推荐
- 有没有办法使用OpenLayers更改OpenStreetMap中某些要素 2022-09-06
- 悬停时滑动输入并停留几秒钟 2022-01-01
- 我什么时候应该在导入时使用方括号 2022-01-01
- Karma-Jasmine:如何正确监视 Modal? 2022-01-01
- 在for循环中使用setTimeout 2022-01-01
- 角度Apollo设置WatchQuery结果为可用变量 2022-01-01
- 动态更新多个选择框 2022-01-01
- 响应更改 div 大小保持纵横比 2022-01-01
- 在 JS 中获取客户端时区(不是 GMT 偏移量) 2022-01-01
- 当用户滚动离开时如何暂停 youtube 嵌入 2022-01-01