音频无法在Angular 7中播放

Question

我正在为自己做一个大型Angular 7项目，我想要其中的一些背景音乐。

所以我用这个：

<audio id="audio" *ngIf="ship.dock != true" autoplay="true" loop='true' style="position: absolute; z-index: -1;">
    <source src="src/assets/music/space.mp3" type="audio/mp3">
</audio>

ship.dock设置为false。问题是页面加载时没有播放歌曲，但是当我在项目上工作并保存代码时，页面重新加载并且歌曲正在播放。

如果我停靠在船上然后再停靠在船上，那么歌曲现在也在播放。

与检查器一起出现元素音频

谢谢！

Answer 1

这是一种浏览器安全功能，除非有用户交互，否则不会自动播放音频。

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#new-behaviors

  

在以下情况下，允许自动播放声音

：      

  
• 用户已与域互动（单击，点击等）。
  
• 在桌面上，已经超过了用户的“媒体参与指数”阈值，这意味着该用户以前曾播放有声视频。
  
• 用户已将该网站添加到移动设备上的主屏幕上，或在桌面上安装了PWA。