首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在任何浏览器中自动播放音频?

如何在任何浏览器中自动播放音频?
EN

Stack Overflow用户
提问于 2020-07-03 17:51:43
回答 1查看 9.5K关注 0票数 1

我正在制作一个网站,我需要这个,当页面加载,一个背景声音自动播放。

然而,在我的研究中,我发现谷歌改变了自动播放策略以避免广告。其结果是,任何声音和自动播放的道具都停止工作。

我尝试了很多人在网上建议的东西,我会在这篇文章的末尾列出一些。

所以,我设法找到了这个网站在这里。程序员建议使用iframe,在音频标记之前使用1秒mp3文件,没有声音。而且它在他的网站上运行得很好!

我的问题是..。我使用的是他使用的相同的1秒mp3文件。我使用的与他使用的 html结构相同(只是更改了我的文件的路径和id名)。但对我来说不管用。

代码语言:javascript
运行
复制
<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上超时时,在几秒钟后给出静音道具的虚值。
  • 不要在加载页面时使用自动播放支持并激活play()方法。
EN

回答 1

Stack Overflow用户

发布于 2022-09-20 10:38:43

有一个简单的解决方案,首先你应该告诉浏览器我的声音是无声的,为了在不应用某些功能的情况下传递网站,所以你可以启动真正的声音.mp3,这样你就可以使用下面这样的东西了。

代码语言:javascript
运行
复制
<iframe src="assets/img/emos/silence.mp3" type="audio/mp3" allow="autoplay" id="audio" style="display:none"></iframe>

<audio autoplay>
  <source src="assets/img/emos/hb.mp3" type="audio/mp3">
</audio>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62720482

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档