index.js

let video;
const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;

function setup() {
  createBg();
  canvas = createCanvas(windowWidth, windowHeight, WEBGL);
  clear();
  canvas.position(0, 0);
  canvas.id("p5Canvas");
  canvas.parent("container");

  video = createCapture(VIDEO, videoReady);
  video.size(640, 480);
  video.id("p5Video");
  video.hide();
}

function draw() {}

function videoReady() {
  const seriously = new Seriously({});
  const reformat = seriously.transform("reformat");
  const src = seriously.source("#p5Video");
  const target = seriously.target("#p5Canvas");

  reformat.width = target.width;
  reformat.height = target.height;
  reformat.mode = "width";

  const chroma = seriously.effect("chroma");
  chroma.source = src;
  reformat.source = chroma;

  target.source = reformat;

  seriously.go();
}

function createBg() {
  let img = createImg("./angular.png");
  img.parent("container");
  img.id("bg");
  img.size(windowWidth, windowHeight);
}