~/talk

Remember CSS Sprites? Let's do that with video!

Talkat JSNation Live 2021 · 2021-06-09..06-10· [web-performance, web-animation]

Combines multiple camera feeds into one video sprite by laying them out in quadrants, encoding a single stream (demo at video-sprites.mux.dev) and using canvas drawImage with source x/y/width/height plus requestAnimationFrame to show only the chosen quadrant. Audio is shared as a single audio stream, so synchronization is guaranteed. Code lives on GitHub and the hack works surprisingly well but each quadrant loses resolution (a 1080 top stream makes each feed a quarter of that).

AI-written summary · about

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.