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 に答える