@itkyk/preload v1.0.3

Preloader

install

npm i @itkyk/preload

How to use?

Import this Module

import * as Preload from "@itkyk/preload";
// OR
import {Image, Video} from "@itkyk/preload";

Use Video Preload

// HTML
<video class="js-preload-video" src="" data-video-path="/video/to/path/hoge.mp4" />

new Preload.Video(".js-preload-video", (status, loadedFiles, total) => {
  console.log(status, loadedFiles, total); // complete, ["/video/to/path/hoge.mp4"] 1;
});

Use Image Preload

const fileNameArray = ["/img/to/path/hoge.jpg","/img/to/path/fuga.jpg"];
const imagePreload = new Preload.Image(fileNameArray, (status, loadedFiles, total) => {
  console.log(status, loadedFiles, total); // loading ["/img/to/path/hoge.jpg"] 2;
});

Params

VideoPreloader

ImagePreloader