Remember CSS Sprites? Let's Do That with Video!
summary
Proposes sending multiple camera feeds as one tiled stream so switching angle is just showing a quadrant, guaranteeing audio sync and frame alignment. Implements a canvas pipeline that uses an array of source x source y width height coordinates, calls requestAnimationFrame to blit the chosen quadrant, and uses an encoder to pack feeds into one stream (examples on video-sprites.mux.dev and GitHub). Works surprisingly well; limitation is per-quadrant resolution (1080p top-level yields ~540p quadrants).
AI-written summary · about
related talks
07mRemember CSS Sprites? Let's do that with video!
15mGetting Weird with Video Manipulation and HTML5 Canvas
45mCSS in the 4th Dimension
14mSynchronized horizontal and vertical video without compromises
39mModern CSS for Creative Developers
53mScroll-Enhanced Experiences
26mTake on me, web browsers!
33mAnimation Studio Power Techniques with CSS