3

我有一个充满 CSS 动画的页面，从一开始就有音乐对我来说很重要。我以前叫音乐。这是我的代码：

<body>
<audio  autoplay>
<source src="./1.mp3" type="audio/mpeg">
<source src="./1.ogg" type="audio/ogg">
<embed height="50" width="100" src="./1.mp3">
</audio>
</body

那么如何预加载音乐（以及图像），然后立即向用户显示整个页面？

4

1 回答 1

1

仅在所有内容准备好后创建 JS 预加载器并显示页面

最简单的方法是在页面顶部创建一个预加载 div，并在加载音乐后将其隐藏。或者您不仅可以等待音乐，还可以等待所有内容，随心所欲

#preloadingDiv {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  z-index: 100;
}

$("#preloaderDiv").css("height", window.innerHeight + "px");

$("#music").load(function() {
  $("#preloadingDiv").css("display", "none");
  $("#musicPlayer").get(0).play();
});
于 2013-08-13T10:40:08.180 回答