Dev hacks transparent video on the web by splitting AV1 frames into double-height video plus alpha-as-brightness
mgostIH · x · 2026-11-01
Developer mgostIH rants that web support for transparent video is so bad that an unorthodox workaround is genuinely the best option.
- The root problem: AV1 is the most efficient codec in browsers but doesn't support transparency; wrapping it in AVIF enables alpha but with prohibitive performance. He blames the AV1 committee for supporting transparency in images but not video.
- The trick: split the video into a double-height frame — the top half carries the RGB video without alpha, the bottom half encodes the alpha channel as brightness — then composite it back at playback.
A practical, reproducible technique for anyone needing transparent video overlays (effects, animations) on the web.
More from coding & agent
- Cursor launches Annotate in design mode: give agents visual prompts by editing the page — soleio · 2026-11-01
- Open-source Garmin MCP turns training data into AI-built dashboards — indaco_dev · 2026-11-01
- GPT-5.6 Sol reportedly beats Factorio, launching a rocket autonomously — Realistic-Total-3553 · 2026-11-01
- Open-source CodeRail lets teams share one Claude Code session from any device — L_i_n_k0666 · 2026-11-01
- Dev observes AI has made systems-heavy games like RTS and strategy easier to build — IanArawjo · 2026-11-01
- Cursor ships Agent SDK, the framework behind Bugbot, with one-command deploy — dean_rie · 2026-11-01