Service Workers + WebAssembly

on YouTube ↗27m

" summary

Concrete demo: a service worker fetches .webp, runs a compiled WebAssembly decoder (via Emscripten), copies decoded RGBA out of the WASM heap and returns a generated BMP/PNG blob so browsers without native WebP render the image. Problems: off‑screen canvas APIs differ and crash in Firefox, many memory copies add overhead, and workers can be killed so modules must be reloaded. The prototype works in Chrome and in Firefox with caveats.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 3:21Webassembly
3. 4:05Common Misconceptions about Web Assembly
4. 6:57Google Earth
5. 8:30What Is Web P
6. 9:46M Script
7. 10:58First Javascript Code
8. 14:12Approach
9. 15:03Off-Screen Canvas
10. 24:37Serviceworker
11. 25:50Generate a Library in C

" related talks

• 21mOn the fly WebP decoding with Web Assembly and Service Workers (Main Stage)Kenneth Rohde Christiansen · Cold Front 2018
• 27mWebAssembly for Performant InteractivityMani Nilchiani · EmpireJS 2018
• 29mWeb Assembly, the Future of JS, and a multi-language webMx. Kas Wren · LibertyJS 2019
• 28mWebAssembly: Of Portability, and PerformanceDeepti Gandluri · Node+JS Interactive 2018
• 32mWebAssembly for Front End DevsVlad Filippov · SmashingConf Live 2020
• 02h 58mWebassembly: Expectation vs. RealityPatrick Walther · JSConf.Asia 2019
• 16mWhy WebAssemblyMiguel Useche · JSConf Mexico 2020 Virtual Edition
• 19mBringing Adobe's Creative Cloud to the web: Starting with PhotoshopThomas Steiner · Google I/O 2022