时间戳

首页 > 解决方案 > 自动启动和循环插入不适用于音频属性

html - 自动启动和循环插入不适用于音频属性

问题描述

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

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

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

标签： htmlaudio

解决方案

某些浏览器默认阻止自动播放请求，因为它具有烦人的功能。我已经使用下面的代码让它工作了。它适用于铬。仅当用户允许从站点首选项设置中播放自动播放时，它也适用于 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/

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

推荐阅读