Streamizer

A Chrome MV3 browser extension that applies real-time visual filters to any <video> element on any webpage.

What it does

Streamizer detects video elements on the current page and overlays a PixiJS canvas on top of them. A floating panel (bottom-right corner) lets you apply and combine filters live, save presets per URL, and manage global recipes.

Limits

• Not recommended on YT (though it does somnewhat work), nor on infinite scrolling social network kind of content with plenty of videos but should work on individual pages with one video.
• Better fit would be webcams capturing the world with their own (basic) player
  • https://www.vision-environnement.com/
  • https://www.earthcam.com/

Example

L.A. Port Original

L.A. Port Cross-hatch + Cross-stitch

---

Ouistreham — Original

Ouistreham — Cross-hatch + Cross-stitch

Ouistreham — Ballpoint pen

Filters

Filter	Description
ASCII	Converts video to ASCII-art style tiles
Bulge / Pinch	Lens distortion effect
Cross-hatch	Sketch-like hatching overlay
Cross-stitch	Embroidery grid rendering
Ballpoint pen	Hand-drawn ink simulation
Dots	Halftone dot pattern
Drop Shadow	Shadow offset behind the video
Tilt Shift	Simulates shallow depth-of-field blur
Blur	Simple gaussian blur

Stack

• PixiJS 8 — WebGL canvas rendering
• pixi-filters 6 — filter library
• hls.js — HLS stream support (bundled)
• Vite 6 — build tooling (IIFE output)

Build & Install

npm install
npm run build

Load the dist/ folder as an unpacked extension in chrome://extensions (Developer mode on).

Project structure

src/content/
  index.js          # entry point — wires detector, overlay, UI
  detector.js       # finds <video> elements via MutationObserver
  overlay.js        # PixiJS canvas + setFilters() API
  ui.js             # Shadow DOM control panel
  storage.js        # per-URL settings, exclusions, recipes
  *-filter.js       # custom filter implementations