Getting Serious with Web Video
summary
A JavaScript library named Seriously.js runs real-time WebGL shaders in a browser as a node‑based compositor that actually outputs effects: chroma‑key and luma key, large iterative blur, split/wipe, displacement maps, ASCII and a TV‑glitch; demos use getUserMedia and OK Go videos. It hits about 60 fps at 960×540 on a two‑year MacBook Air but notes limits: cross‑origin headers required, slow GPU texture upload, mobile and Safari/IE restrictions, compression artifacts and no alpha channel in video.
AI-written summary · about
chapters (25)
- 0:00Start
- 7:18Video Effects
- 8:13Motivation behind the Technology
- 9:34Why Not 2d Canvas
- 10:03Chroma Key
- 12:20Webgl
- 14:52Multiple Sources
- 16:42The Api
- 24:35Tips
- 25:17Cross Origin Restrictions
- 27:08Demos
- 27:29Star Wars Wipe Effect
- 27:52Ascii Text Effect
- 29:16Tv Glitch Effect
- 30:22Digital Color Correction
- 33:04A Repeat Effect
- 34:30Channel Mapping
- 36:09Displacement Map
- 39:38Webgl Is a Pain in the Butt
- 40:44Power of 2 Texture Limits
- 42:06Video Delivery Compression Artifacts
- 43:18Unsupervised Compositing
- 44:44Computer Vision
- 45:05White Balance Correction
- 46:02Accessibility
related talks
21mDynamic video in the browser
21mTake on me, web browsers!
22mTake on me, web browsers!
12mExploring Video Editing in the Browser
26mTake on me, web browsers!
33mogv.js: Rebuilding the Web Video Stack From Scratch in JS
34mWebGL Practical Application
26mCreative experiments with WebGL shaders in JavaScript