如何在任何浏览器中自动播放音频?
How to autoplay audio in any browser?
我正在制作一个网站,我需要在加载页面时自动播放背景音。
然而,在我的研究中,我发现 Google 更改了自动播放政策以避免广告。结果是任何有声音的东西和自动播放道具都停止工作了。
我尝试了很多人们在互联网上建议的东西,我将在本文末尾列出一些 post。
所以,我设法找到了 this website here。程序员建议使用 iframe,在音频标签 之前有一个没有声音的 1 秒 mp3 文件。它在他的网站上完美运行!
所以,我的问题是...我正在使用他使用的 相同 1 秒 mp3 文件。我正在使用他使用的 same 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 还没有一个确定的解决方案,所以我想也许,有了一个可以实现这种功能的网站,有人可以帮助我挖掘这个案例。
我之前尝试过但没有成功的事情:
- 将 muted 道具与自动播放一起使用,并在 JavaScript 上超时,几秒钟后将 false 值赋予 muted 道具。
- 不要使用 autoplay 属性并在加载页面时激活 play() 方法。
几周前,我完全按照您的意愿进行了尝试,但是,经过大量研究后,我意识到现在这几乎是不可能的。例如在 Chrome 中(我不知道在其他浏览器中是否也是如此)你不能自动播放 sounds/videos 除非完成以下几点之一:
- 用户与您的网站互动(点击您网站的任何部分)。
- 用户已将您的网站添加到主屏幕(移动设备)。
- 用户已超过媒体互动指数 (MEI) 阈值。
- 您的网站在 Google 自动播放白名单中(例如 Youtube)。
在我的例子中,我用 cookies 策略按钮做了一个小技巧来强制用户与我的网站交互并触发声音播放。
您可以在此处查看更多信息和示例:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
我正在制作一个网站,我需要在加载页面时自动播放背景音。
然而,在我的研究中,我发现 Google 更改了自动播放政策以避免广告。结果是任何有声音的东西和自动播放道具都停止工作了。
我尝试了很多人们在互联网上建议的东西,我将在本文末尾列出一些 post。
所以,我设法找到了 this website here。程序员建议使用 iframe,在音频标签 之前有一个没有声音的 1 秒 mp3 文件。它在他的网站上完美运行!
所以,我的问题是...我正在使用他使用的 相同 1 秒 mp3 文件。我正在使用他使用的 same 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 还没有一个确定的解决方案,所以我想也许,有了一个可以实现这种功能的网站,有人可以帮助我挖掘这个案例。
我之前尝试过但没有成功的事情:
- 将 muted 道具与自动播放一起使用,并在 JavaScript 上超时,几秒钟后将 false 值赋予 muted 道具。
- 不要使用 autoplay 属性并在加载页面时激活 play() 方法。
几周前,我完全按照您的意愿进行了尝试,但是,经过大量研究后,我意识到现在这几乎是不可能的。例如在 Chrome 中(我不知道在其他浏览器中是否也是如此)你不能自动播放 sounds/videos 除非完成以下几点之一:
- 用户与您的网站互动(点击您网站的任何部分)。
- 用户已将您的网站添加到主屏幕(移动设备)。
- 用户已超过媒体互动指数 (MEI) 阈值。
- 您的网站在 Google 自动播放白名单中(例如 Youtube)。
在我的例子中,我用 cookies 策略按钮做了一个小技巧来强制用户与我的网站交互并触发声音播放。
您可以在此处查看更多信息和示例:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes