Any Resources Preloader JavaScript Library – Loader.js

Loader.js is a pure JavaScript preloader that preloads web resources (text, JSON, images, audios, videos, etc) and triggers certain events while loading and after loaded.

How to use it:

Insert the Loader.js into the html page.

<script src="./dist/Loader.js"></script>

Initialize the preloader.

let myLoader = new LoaderJS();

Preload web resources using the following syntax:

// preload text
loader.loadString('myText', './text.txt');
// preload JSON
loader.loadJSON('myData', './data.json');
// preload image
loader.loadImage('myImg', './img.jpg');
// preload video
loader.loadVideo('myVideo', './video.mp4');
// preload Audio, Video or media blobs
loader.loadMedia('myAudio', './audio.mp3');
loader.loadMedia('myVideo', './video.mp4');

Do something when the files are loading.

myLoader.whileLoading = function() {
  // do something 
}

Do something when the files are completely loaded.

myLoader.whenReady = function() {
  console.log(loader.assets);
}

Changelog:

04/04/2019

• Added loadVideo