videoglow

Demo

Baseline comparison

The original full-resolution pipeline compared with the new small-buffer pipeline.

Install

npm install @videoglow/react-video

Original pipeline: full-resolution buffer, setInterval at 30 fps

videoglow: 160 px buffer, requestVideoFrameCallback

Why this page exists

Both columns play the same clip with the same CSS filter. The left column draws every frame at the video's native resolution on a 30 fps timer, the way the first demo did. The right column draws into a 160 px buffer only when the browser presents a new frame. The Playwright suite screenshots both and asserts they match within a small tolerance.