Javascript資源下載從CDN進度

Question

我有一個基於Web的應用程序，它需要大量的資源（音頻/圖像/視頻）。以前，我一直在同一臺服務器上託管所有內容，並使用PreloadJS獲取所有資源並下載它們（同時顯示一個很好的進度條）。

我現在正在轉向Content Delivery Network（CDN）來承載所有這些資產，但需要將基礎Web應用程序保留在我的服務器上。

所以我有我的應用程序webapp.com和我的所有資源cdn.webapp.com - 我的問題是如何加載所有這些資源從另一個域，並同時查看進度？是否有庫可以處理這個問題，還是我需要編寫一些代碼來訂閱每個資產的onload()函數，並且只有在下載完成時才能繼續？

（感謝跨域Ajax請求，我不能使用PreloadJS下載一切了）

Answer 1

到底（因爲沒人拯救了我），我這樣做達到的：

圖片/資產位於cdn.webapp.com，並且通常包含在網頁的HTML中。然後，JavaScript會運行並設置這些圖像所處的高度。這仍然允許圖像加載，但它不會在頁面上呈現它們。

然後我找到一個JS庫（https://github.com/desandro/imagesloaded）在這些圖像上註冊回調，以便在圖像完全下載時通知我。