PIXI Boilerplate

by adil_invideo

HTML

<script src="https://pixijs.download/v6.0.3/pixi.min.js"></script>

CSS

input#slider {
  width: 50%;
}

canvas{
   width: 100%;
   height: 600px;
}

JavaScript

const url1 = 'https://s3.ap-south-1.amazonaws.com/ttv-videos/InVideo___JOB_ID__3313646pprenderfs_1624605843295.mp4';

const url2 = 'https://d3setaia3qjt8d.cloudfront.net/InVideo___Project_ID__515pprenderfs_1625638468053.mp4';

new Array(74).fill(0).forEach((it, idx) => {
  const video1 = document.createElement('video');
  video1.src = (idx % 2 === 0) ? url2 : url1;
});