~/talk

Tuning Retro Video Archives for Display on the Modern Web using WebGL in React

watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/tuning-retro-video-archives-for-display-on-the-modern-web-using-webgl-in-react
Talkat React Summit 2023 · on Tuesday, 2023-06-06· at 16:35· [react, web-animation]

speaker

name:Travis McGeehan
website:https://rgbscaler.com

resources

video:https://portal.gitnation.org/contents/tuning-retro-video-archives-for-display-on-the-modern-web-using-webgl-in-react
slides:https://docs.google.com/presentation/d/1skKSM2z4-VdPJA1aj8L_cambI7YZFRsZ/edit?usp=sharing&ouid=112025149314640501786&rtpof=true&sd=true

summary

Explains why archival footage from sources like retro game consoles and VHS requires custom scaling, then shows how to implement a WebGL-based video player canvas inside React using custom hooks. Describes bundling GLSL shader files separately to keep syntax highlighting and includes live demonstrations applying these techniques to different retro video sources.

AI-written summary · about

related talks

~/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.