/pip-canvas

Library (or something) for opening DOMElements in Picture-in-Picture.

Primary LanguageJavaScriptGNU General Public License v2.0GPL-2.0

pip-canvas

Open DOM elements in Picture-in-Picture with the help of <canvas>, <video> and JavaScript. This is a librabry/API sorta, kinda thing.

Early Access

Only HTMLImageElement is supported at this time, but I intend to add more elements later. As well as support for URL and URL strings.

Get started

  1. Clone this repo
git clone https://github.com/VictorWesterlund/pip-canvas.git
  1. Import as ESM into your project
import { PipCanvas } from "./pip-canvas/PipCanvas.mjs"
  1. Initialize PipCanvas() with an HTMLImageElement
const pip = new PipCanvas(HTMLImageElement);
pip.open();