Binary Data Adventures in Browser JavaScript

on YouTube ↗26m

" summary

Demonstrates binary blobs decoded and rendered entirely in browser JavaScript: fetching ArrayBuffer via XHR2/File API, decoding H.264 with asm.js and Emscripten, converting YUV to RGB in a WebGL fragment shader YUV→RGB, and feeding frames into video via Media Source Extensions. Shows a working browser H.264 decoder that runs in real demos, enables BitTorrent‑style swarming over WebRTC, and claims large speed gains (orders of magnitude in some engines, up to ~20× in examples) while noting mobile and GC limits.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 3:40Type System
3. 12:23Dependency Injection
4. 14:59Automatic Translation of Opengl
5. 18:21Compression
6. 19:07Shader Programs
7. 20:14Fragment Shader
8. 25:37Webgl Inspector

" related talks

• 45mBytes and blobsDavid Flanagan · JSConf US 2011
• 32mCan You Read Me? Creative JavaScript to Make Computer Science FunMariko Kosaka, Suz Hinton · JSConf EU 2017
• 55mJavaScript ❤ binary dataKirill Cherkashin · HolyJS 2018 Moscow
• 35mHTML5 APIs - The New FrontierRobert Nyman · JSConf.eu 2010
• 19mOn Dynamic Multimedia Pipelines for Opening Browsers to New FormatsJerome Gorin, Maja Bystrom · WebAssembly Workshop @ ICFP/SPLASH 2025
• 41m“The Upside Down” Of The Web: Video technologiesMáté Nádasdi · Craft Conference 2019
• 24mVideo Editing in the BrowserChristopher Chedeau · React Summit 2023
• 50m“The Upside Down” of the web, VideoMáté Nádasdi · jsDay 2018