gpt4 book ai didi

angular - 音频无法在Angular 7中播放

转载 作者:行者123 更新时间:2023-12-02 23:02:28 25 4
gpt4 key购买 nike

我正在为自己做一个大型的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。问题是页面加载时没有播放歌曲,但是当我在项目上工作并保存代码时,页面重新加载并且歌曲正在播放。

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

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

提前致谢 !

最佳答案

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

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

Autoplay with sound is allowed if:

  • User has interacted with the domain (click, tap, etc.).
  • On desktop, the user's Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
  • The user has added the site to their home screen on mobile or installed the PWA on desktop.

关于angular - 音频无法在Angular 7中播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59469952/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com