音频属性的自动启动和循环不起作用

Question

            <audio autoplay loop>
                <source src="boss.mp3">
              </audio>

这是我的游戏索引，它应该工作。但是，当我加载页面时，我什么也听不见，除了这个之外，我的所有其他声音都有效

这是我的完整代码https://github.com/Mzema4818/Dragon-Escape/blob/master/index.html

Answer 1

有些浏览器会因为默认情况下的烦人功能而阻止自动播放请求。我使用下面的代码使它工作。它适用于铬。仅当用户允许从站点首选项设置播放自动播放时，它才适用于Safari。如果您正在使用Safari，请转到Safari - >此网站的设置 - >“允许所有自动播放”。我希望它有所帮助。

<audio class="bgmusic" autoplay loop>
  <source src="boss.mp3" type="audio/mpeg">
</audio>

<script>
  $(document).ready(function() {
    $('.bgmusic').on('canplay', function() {
      this.play();
    });
  });
</script>

我已经分叉你的GitHub存储库来调整脚本。这是我的回购链接：https://github.com/ashishpatelcs/Dragon-Escape/blob/master/index.html

和一个工作演示：https://ashishpatelcs.github.io/Dragon-Escape/

如果有任何问题，请告诉我。