pretext.video

March 31, 2026 · View on GitHub

Turn your webcam into living typography. Pure browser, no server.

Try it live

Modes

  • Text Face — text fills your body silhouette, colored by video pixels
  • Cutout in Text — your real image cuts through a wall of text, with text reflowing around you

How it works

  • Pretext for text measurement and layout — layoutNextLine() enables per-line variable-width reflow around the person shape
  • MediaPipe Image Segmenter for real-time person segmentation
  • mediabunny for WebCodecs MP4 recording
  • Canvas 2D for compositing — pixel sampling, mask blending, character-level rendering

Everything runs in the browser. No backend, no uploads.

Development

npm install
npm run dev

License

MIT