Engineering an ASCII video background: from MP4 to canvas at 79 KB gzipped
Custom Node + Canvas pipeline that turns a generated 240-frame MP4 into an ambient ASCII animation on the home page — a fraction of the bandwidth of a <video> tag, near-zero idle CPU, and fully theme-aware.
- Next.js 16
- TypeScript
- React 19
- FFmpeg
- fluent-ffmpeg
- Canvas 2D
- requestAnimationFrame
- MutationObserver
- Tailwind CSS 4
