Browser · WebGPU + WebCodecs

Real-time video on the GPU

Load a local file and run it through a small render graph: VideoFrame → copy → 3D transform (straight alpha) → optional WGSL effects → compositing. Live histogram, waveform, and vectorscope read the same post-effect image; optical flow adds a motion panel with smoothed meters and history.

Preview

Initializing…

FPS
GPU ms
Prep ms
Size

Scopes · post-effects image

Histogram — GPU, BT.709 luma + RGB
Waveform — GPU, RGB parade
Vectorscope — GPU, BT.709 Cb/Cr

Optical flow

GPU · Lucas–Kanade · 160×90 · smoothed

Waiting for video frames…

Total Average movement between frames across the whole picture (flow strength). 0%
Global Camera-like motion: most flow vectors point the same way (pans, tilts, zooms). 0%
Local Object motion: vectors point in different directions from the overall shift (moving subjects). 0%
Total motion over time