Question

当你在website（向上，向上，向下，向下，向左，向右，向左，向右，b，a）上执行Konami代码时，会出现星球大战抓取屏幕。

一切正常，但音乐不同步（非常重要）徽标外观。这是我加载音频文件的方式：

<audio preload="auto" autoplay>
  <source src="https://s.cdpn.io/1202/Star_Wars_original_opening_crawl_1977.ogg" type="audio/ogg" />
  <source src="https://s.cdpn.io/1202/Star_Wars_original_opening_crawl_1977.mp3" type="audio/mpeg" />
</audio>

以下是我如何计算我的徽标外观（在介绍短语之后）：

.logo
   animation: logo 9s ease-out 9s

（然后使用keyframes进行缩放）

音频需要花费一小段时间来加载，这会破坏整个事情，我该如何解决这个问题？如果音频文件是本地文件会有帮助吗？

Answer 1

似乎我有了答案，让音乐在本地使它非常有效地加载。

<audio preload="auto" autoplay>
  <source src="./../../assets/audio/Star_Wars_original_opening_crawl_1977.mp3" type="audio/mpeg">
</audio>

在HTML5中预加载音频需要时间

1 个答案: