0

多くのリソース (オーディオ/画像/ビデオ) を必要とする Web ベースのアプリがあります。以前は、同じサーバーですべてをホストし、PreloadJSを使用してすべてのリソースを取得してダウンロードしていました (素敵なプログレス バーを表示しながら)。

現在、コンテンツ配信ネットワーク (CDN) に移行してこれらすべてのアセットをホストしていますが、サーバー上にベース Web アプリケーションを保持する必要があります。

だから私は自分のアプリをオンにしてwebapp.com、すべてのリソースをオンにしていますcdn.webapp.com- 私の質問は、これらすべてのリソースを別のドメインからロードし、同時に進行状況を表示するにはどうすればよいですか? これを処理するライブラリonload()はありますか?それとも、すべてのアセットの機能をサブスクライブし、すべてがダウンロードされたときにのみ続行するコードを作成する必要がありますか?

(クロスドメイン ajax リクエストのおかげで、PreloadJS を使用してすべてをダウンロードすることはできなくなりました)

4

1 に答える 1

0

最後に(そして誰も助けに来なかったので)私はこれを行うことでそれを達成しました:

画像/アセットがオンにcdn.webapp.comなっており、通常どおりページの HTML に含まれています。Javascript が実行され、これらの画像が含まれる div に高さがないように設定されます。これにより、画像を読み込むことはできますが、ページにレンダリングされません。

次に、これらの画像にコールバックを登録する JS ライブラリ ( https://github.com/desandro/imagesloaded ) を見つけて、画像が完全にダウンロードされたときに通知されるようにしました。

于 2013-02-25T20:35:09.513 に答える