JavaScript音频自动播放为什么不能在新版本的chrome上工作？
JavaScript音频自动播放在新版本的Chrome上不能工作的原因是出于用户体验和安全考虑。自动播放音频可能会打扰用户，尤其是在用户没有明确请求或授权的情况下。此外，自动播放音频还可能导致不必要的网络流量消耗和数据费用。
为了改善用户体验和保护用户隐私，Chrome引入了自动播放策略。根据这个策略，只有在用户与网站进行了有效的互动（例如点击、触摸等）后，才能自动播放音频。这意味着在新版本的Chrome中，如果没有用户交互行为，JavaScript代码尝试自动播放音频将被阻止。
为了在新版本的Chrome上实现音频自动播放，可以通过以下方法之一：
- 触发用户交互：在页面加载或用户交互事件（例如点击按钮）中，使用JavaScript代码触发音频播放。例如，可以在用户点击页面的某个元素时，调用play()方法来播放音频。
- 使用浏览器策略变化事件：Chrome提供了一个策略变化事件（PolicyChangedEvent），可以使用该事件来检测自动播放策略是否发生变化。当用户与网站进行了有效的互动后，可以监听该事件，并在策略变为允许自动播放时，再触发音频播放。
需要注意的是，为了确保在各种浏览器中都能正常工作，最好使用HTML5的<video>和<audio>标签来处理音频播放，而不是完全依赖JavaScript代码。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云音视频解决方案：https://cloud.tencent.com/solution/media
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse
相关·内容
4回答
利用腾讯云GPU构建深度学习网络？
对象存储、深度学习
如题，本人（学生）想用腾讯云构建一个实验性的深度学习网络，具体要用到腾讯云的哪些服务呢？（GPU，COS），另外还需考虑较低的成本。。。
浏览 1118提问于2017-12-13
4回答
数据比较多，有什么好点的存储方案吗？
对象存储、文件存储
贵州地区，给公司做类似企业网盘的东西，存储数据大概在6~7T左右，有没有好点的存储方案呢？我看腾讯云这边有COS、CFS等，我是从网站直接读取数据，推荐那个？有没有什么试用渠道呢？
浏览 956提问于2017-09-15
2回答
如何在chrome和firefox上强制音频自动播放？
javascript、html、css、tumblr、tumblr-html
我试图在tumblr主题中添加自动播放音乐，但是Chrome和Firefox都会默认阻止自动播放音频。我怎么才能避开这一切？
当前，要收听自动播放音乐，用户必须更改其个人浏览器设置以允许自动播放。有没有一个解决办法，我可以用来使页面播放音频，即使他们有声音设置为自动(在Chrome)或自动播放阻塞(火狐)？
Tumblr主题允许HTML、CSS和Javascript，所以我很乐意使用这些解决方案。理想情况下，我希望我的自动播放解决方案允许多首歌曲在一个播放列表中，如果可能的话。
我试着添加一个看不见的iframe，但这不起作用；我不确定它是我正在使用的第三方音频播放器，还是只是iframe技术
浏览 9提问于2022-10-29得票数 0
4回答
请各位大给个参考方案，存储相关？
对象存储
200GB的档案，需要存放在腾讯云产品上，供第三方下载，第三方在200家左右。需要有WEB登录界面，账号权限分配，看了一下对象存储，流量收费有点贵。
除了对象存储，只能租用主机自己搭建FTP吗？还有其他方案吗？
如果自己租用主机搭建环境，对于200家下载需要选择多少的带宽能保障他们的下载速度呢？
浏览 715提问于2017-08-29
1回答
如何在JavaScript上不受严格限制地播放音频？
javascript、html、audio、html5-audio、web-audio-api
我正在制作一个由裸露的JavaScript代码组成的游戏，我想在JavaScript中操作音频。具体来说，我想让页面在单击某个div元素和在JavaScript代码中使用某些函数时开始播放音乐。
我知道HTML5的音频标记有一个限制，即如果用户不单击音频元素的play按钮，就不能播放与Audio元素相关的音乐文件，所以我不能这样做：
const audio = document.createElement("audio");
audio.src = "url of source";
audio.play();
//Uncaught (in promise) D
浏览 14提问于2021-03-15得票数 3
回答已采纳
1回答
在我将自动播放的首选项更改为“允许所有自动播放”之前，javascript中的Video play() api在safari中不起作用。
javascript、html、video、safari
我们正在实现web播放器，这应该可以跨浏览器工作。我们通过java脚本设置视频源，并调用play()在浏览器上播放视频。
我们描述了视频元素，如下所示。
<video id="videoID" preload="none" tabindex="1"></video>
这在Chrome上运行良好，但视频不能在Safari (版本: 11.0.3)上播放，并抛出未处理的Promise Rejection错误，如下所示。
未处理的Promise Rejection: NotAllowedError (DOM异常35)：用户代理
浏览 12提问于2018-02-06得票数 5
回答已采纳
9回答
HTML5音频无法通过Javascript播放，除非手动触发一次
javascript、android、html、html5-audio
我正在尝试让一个小的声音文件自动播放，使用标签和javascript来启动它。
<audio id="denied" preload="auto" controls="false">
<source src="sound/denied.wav" />
</audio>
然后在适当的时候通过javascript：
$('#denied')[0].play()
在我的桌面上的Chrome上运行良好。在Android 4.1.1中，声音不会播放，除非我在javascript尝
浏览 0提问于2012-08-31得票数 37
回答已采纳
11回答
腾讯云上如何自建DNS？
云服务器、DNS 解析 DNSPod、linux、centos、dns
当前腾讯云私有域VPCDNS暂时还不支持背景下，怎么在腾讯云CVM环境下构建内网解析？
实现功能：
1.支持腾讯云云环境保留域名解析如：mirrors.tencentyun.com;
2.支持用户自有业务域名内部网解析如：you.aaa.com；
3.支持访问外网域名解析如：www.qq.com；
4.支持分域名转发到不同的DNS服务器；
基础环境：
CVM：标准型SA2（请根据自身业务情况，选择样本）
操作系统：CentOS Linux版本7.6.1810（核心）
绑定：bind-9.11.4-16.P
浏览 1376提问于2021-01-27
又是一年一度的云+峰会，在昨天的腾讯云+未来峰会上，Pony提出了很多重磅消息：打造“超级大脑”，语音版微信，再次提出“三网”设想，另外还给出了一个AI全免费开放的消息，可以看出“AI in All”不只是谈谈而已，而是整个社会的趋势走向，那么如何理解“超级大脑”？云计算又如何助力实现“AI in All”呢？
浏览 1482提问于2018-05-24
2回答
HTML5游戏: play()失败，因为用户没有先与文档交互
html5、audio、music
我正在使用HTML5游戏引擎创建一个MelonJS游戏。在我加载游戏之前，我有一个简单的预登录页面，带有一个Splash和背景音乐。此页面不需要加载游戏引擎或游戏脚本。
这个游戏很可能是在Chrome，但是有了最新的Chrome 66更新上玩的，除非有人与页面“交互”，否则你不能自动播放音乐：
login.html:72 Uncaught (承诺) DOMException: play()失败了，因为用户没有首先与文档交互。
有代码
和
$(document).ready(function() {
$('#soundtrack').get(0).play();
});
浏览 0提问于2018-09-02得票数 5
回答已采纳
1回答
谷歌Chrome 66自动播放策略的改变
javascript、html、google-chrome、chromium、kiosk-mode
通过最新更新(v66.0)，谷歌Chrome不会在没有用户交互的情况下自动播放音频/视频。
我使用Chrome作为桌面应用，在Kiosk模式下，完全没有鼠标/键盘和输入。它只显示带有声音的HTML可视化页面，包括和自动播放。
它是否可以在某种程度上被避免，并在默认情况下发挥？
在他们的中没有找到解决方案。
我还在寻找一些命令行开关，通过运行Chrome来包含它，但也没有成功。
浏览 1提问于2018-04-19得票数 5
回答已采纳
1回答
移动iOS设备(包括移动Chrome和Safari)上的mp3音频缓存问题
javascript、ios、webkit
无法在移动ioS (safari和chrome)上自动播放以前缓存的mp3音频
我正在用Angular 8开发一个应用程序，在该应用程序的一部分中，我试图在一组对象中缓存几个传入的音频mp3s，然后自动播放或根据用户操作播放它。不幸的是，除了在移动iOS设备上，它适用于任何地方(台式机和安卓)。缓存的音频有时根本不能播放
基本上，对于从API接收到的两个对象的每个数组，我都会运行一个for each循环缓存此数组中的mp3s。
items.forEach(item => {
const audio = new Audio();
audio.src = urlS
浏览 0提问于2019-10-25得票数 1
1回答
有没有办法为嵌入的youtube视频创建一个委托菜单(youtube autoplay chrome)
javascript、api、iframe、delegation、autoplay
我试着在我的一个项目网页上为youtube视频和基于视频的音频文件创建一个委托菜单，除了Chrome之外，在FF、Safari、IE等等中都可以正常工作。
我知道chrome浏览器从66版本开始就有自动播放的限制。()
我得出的结论是，这可能是这里的问题，并通过播放静音来验证它，这是chromes自动播放策略中的一个例外。
用户发起的play即使在chrome中也能正常工作。
var player = YT.Player( ... )
var player_elem = $(iframe#youtube_x);
/* ... */
case "play":
浏览 5提问于2019-04-20得票数 0
1回答
自动播放声音在Chrome / Safari在悬停2018年2019？
google-chrome、audio、safari、policy、autoplay
我想知道是否有任何方法来克服谷歌的新的自动播放政策。
当链接悬停时，我想播放一个简短的声音片段，不幸的是，它只适用于Firefox，而不再适用于Chrome和Safari。有什么办法解决这个问题吗？
也许我不这么认为，只是想把这个问题介绍给在这个领域受教育程度更高的人。也许有人有个主意。
这是在Firefox中工作的代码，以前也可以在Chrome和Safari中工作--但现在不行了。
html
<span class="hit hitme">Just hit me up!</span>
<audio id="HitMe">
浏览 0提问于2019-02-26得票数 2
回答已采纳
1回答
web自动播放策略更改恢复上下文不会解除音频
javascript、google-chrome、autoplay、web-audio-api、audiocontext
我正在开发一个进步的web应用程序，它主要用于桌面和android来播放音乐。在个人电脑上，一切正常。在安卓系统上，它突然停止工作。经过一些研究后，我发现了有关自动播放策略更改的更新。
要点是，如果没有用户交互，就不能再播放媒体了。
在这个更新之前，我有了我的AudioContext，它被创建为onload，然后才被使用。这已经不管用了。
更新后的帖子指出：
必须在文档收到用户手势以启用音频播放后创建或恢复AudioContext。
因此，我对.suspend()和.resume()进行了一些调整，相应地对应用程序的上下文onPlay和onPause进行了调整。
在个人电脑上，这仍然有
浏览 3提问于2018-05-07得票数 2
回答已采纳
2回答
在音频播放时启动字幕
javascript、html
我正在尝试找出一种方法来设置一个时间标签到html中的字幕标签。整个想法是以字幕格式显示一首歌曲的字幕，并且只有当用户单击开始音频时才开始字幕。
我使用以下代码来播放音频文件(html-5格式)
<audio controls="controls" loop="loop">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
浏览 1提问于2012-06-15得票数 6
回答已采纳
1回答
在JavaScript或jquery中，在页面加载时在后台自动播放音乐
javascript、html、jquery
我正在尝试播放音乐或mp3音频一旦页面加载我试图加载的功能一旦页面加载但它不工作只有当我点击按钮音乐将开始播放下面的代码
HTML
<audio id="audio1" src="bk.mp3" >
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>
<button onclick="playAudio()" type="butto
浏览 5提问于2021-01-21得票数 0
3回答
如何防止浏览器阻止我创建的弹出窗口？
javascript、jquery、html、popup
我创建了一个简单的JavaScript函数来显示加载后的弹出窗口。但它一直被Firefox和Google Chrome屏蔽，我不得不以某种方式在Firefox和Chrome上启用它才能显示弹出窗口。
有什么替代方案吗？
我在弹出窗口中有一个播放器，所以我必须使用弹出窗口让播放器自动播放。问题是，如果我把它放在页面本身，一旦用户点击另一个页面，整个页面就会重新加载，播放器会自动停止几秒钟，直到整个页面重新加载，我必须防止这种情况发生。
浏览 1提问于2014-07-25得票数 2
1回答
在移动设备上使用Chrome浏览器强制视频自动播放
javascript、jquery、google-chrome
虽然使用移动设备，视频自动播放不工作在Chrome，但它工作在火狐和歌剧院。(不知道Safari的故事是什么，因为我没有iOS设备)。
选项1:使用视频标记：
html代码：
<video autoplay loop poster="images/bg.jpg" id="video_bg">
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
&
浏览 1提问于2014-08-02得票数 2
1回答
最新的Chrome桌面更新阻止SoundJS播放声音(与自动播放相关)
javascript、google-chrome、audio、createjs、soundjs
我在最新版本的Chrome Desktop上收到了这个JavaScript警告，它现在阻止在没有用户交互的情况下自动播放声音：
因此，我在控制台日志中收到这个错误/警告：“AudioContext不允许启动。它必须在用户在页面上做手势后恢复(或创建)。”
有没有办法在用户交互时恢复声音或SoundJS的音频上下文，比如页面上的单击或键盘事件？
我的设置是使用preloadJS加载我的MP3s，如下所示：
queue.loadManifest([
{id: 'sndScore', src: 'sndScore.mp3'}
]);
然后我像这样播放声音：
cre
浏览 7提问于2018-05-06得票数 2
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
腾讯云开发者
