cdsassj00/redefine-browser-01

Film Slicer is a single HTML file that turns a video into a scroll-scrubbing webpage, the kind of effect used on some Apple product pages where scrolling forward and backward winds a video clip forward and backward. There is no server, no installation, and no build step. You simply open the one HTML file in a browser, or use the hosted link, and the tool runs immediately. To use it, you drag a short video clip, ideally 8 to 10 seconds long with no cuts and moving in one direction, into the page. The browser then draws the video frame by frame onto a canvas, extracts each frame as an image, and assembles a page where scrolling progress is linked to which frame is shown. The finished result is packaged back into a single downloadable HTML file that can be hosted anywhere, since it needs nothing else to run. If you do not already have a video, the project includes a small library of prompts for generating one with AI video tools. Nothing is uploaded anywhere. All of the video processing happens inside your own browser, using built in browser features: the video element as a decoder, the canvas element as both renderer and image encoder, and the download link as the way to save the final file. The author's point is that a browser already contains a video decoder, an image encoder, and a way to save files, so building this kind of tool does not require installing ffmpeg, Node.js, or any web server, only knowing that these built in browser tools exist and what to call them. This is the first entry in a planned series called Redefine the Browser, which explores treating the combination of a web browser and generative AI as a complete creative platform, with each entry proven out as one independent HTML file. The project is released under the MIT license, so it can be used, modified, and shared freely.