Four approaches to building trick view scrubbing
summary
Four engineering paths get compared by concrete outcomes: extracting keyframes with FFmpeg at a five second interval creates thousands of images and a janky download experience; stitching those into multiple smaller sprite sheet files avoids huge single images limited by ~65,000 pixels width and smooths scrubbing; exporting a webVTT thumbnail manifest works out of the box on many players; a native keyframe playlist follows the spec but many devices (notably gaming consoles and some CTVs) do not support it, so all four are kept.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:23Trick view?
- 1:00Our approach evolved
- 1:21Phase 4. I-FRAMES Playlist
- 3:47Phase 1. Images Cons
- 5:58Challenges
- 7:05Many smaller sprites
- 7:15Phase 2. Sprite API
- 8:04Feature saved.
- 9:07VTT Playlist
related talks
07mRemember CSS Sprites? Let's Do That with Video!
49mRendering without lumpy bits
30mFast but not furious: debugging user interaction performance issues
19mUser-friendly video playback on the web
19mPuppeteer + canvas + WebCodecs to replace
24mLive Video Transmuxing/Transcoding
39mBuild a kick-🍑 video player
27mSmooth Moves: Rendering at the Speed of Right ®