Scrub

Video scrubbing with WebCodecs.

This effect is usually made by downloading each frame as an image, though this demo uses a single file and extracts frames with WebCodecs.

Most of the important stuff is from the w3c WebCodecs mp4-decode sample: /~https://github.com/w3c/webcodecs/tree/main/samples/mp4-decode

Sources

Code

The video decoding code came from the w3c WebCodecs sample repo

/~https://github.com/w3c/webcodecs/tree/main/samples/mp4-decode

Video

Earth video genearated from NOAA / GOES Image Viewer

https://gist.github.com/benfoxall/2741f5383528e6d2bc4c609b812310f1

Inky water video - by hicham yah from Pexels

https://www.pexels.com/video/mixture-of-smoke-with-different-colors-2025634/

Traffic:

https://www.pexels.com/video/traffic-on-an-intersection-road-in-a-city-3121459

🔗

/~https://github.com/benfoxall/video-stills Previous hack (using wasm & broadway to decode)

TODO