HTMLVideoElement from Scratch, with Fast Seeking

on YouTube ↗01h 33m

" summary

Covers implementing an HTMLVideoElement from scratch with support for fast seeking (frame-by-frame rendering). Explains why fast seek is essential for systems that render frame-by-frame, reviews older solutions, and describes how to implement it correctly with modern approaches.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 3:12Canvas playback
3. 16:07Video element in scene
4. 24:33Canvas recording
5. 35:26Record button
6. 40:17Seeking fixes
7. 57:48Slow HTML video seeking
8. 1:05:50Custom HTML video element
9. 1:22:37Video with Web Codecs
10. 1:30:07Rendering memory optimization

" related talks

• 21mDynamic video in the browserMatthew Shotton · JSConf EU 2017
• 12mExploring Video Editing in the BrowserLuke McGartland · Demuxed 2023
• 16mVideoJakub Mikuláš · Frontendisti.cz – Responzivní média (Ostrava 2014-09-26)
• 41m“The Upside Down” Of The Web: Video technologiesMáté Nádasdi · Craft Conference 2019
• 42mHow Video Works: A Dive into the Biggest Thing on the Internet & Why You Should CareJon Dahl · Next.js Conf 2020
• 35mHTML5 APIs - The New FrontierRobert Nyman · JSConf.eu 2010
• 15mGetting Weird with Video Manipulation and HTML5 CanvasDylan Jhaveri · React Summit 2020
• 30mOther browser APIs that are going to change video on the webSteve Heffernan · Demuxed 2015