Locally Extract Video Frames As PNG Images. A trully portable application for any operating system!
Request #1:
i need a web app (html with embedded javascript version ES3 and css) that allows uploading a video to display in canvas. Include a button for processing and displaying each image frame (every single frame) of the video below video preview. Each image extracted should remain in sequence.
Request #2:
can you add a download working button that will package all the single frame images into a zip/rar/7z file?
Request #3:
ok, then one more thing. Can you make it so I downloads a array (CVS text file) of the toDataURL (base64) encoded to list (one per line).
Upload a video, extract all the frames, save as *.zip file or DataURL (base64) list/array as a *.cvs database.
video-frame-extractor-zip-csv.html (non-portable/online version) uses external *.js file so it won't fully (50% offline) run offline, but you can still manually download each frame as it previews each frame. Also, offline you can still download the list of data URLs (CSV file, just the ZIP packager must be online).
video-frame-extractor-zip-csv-embedded-JS.html (offline/local version) has the JavaScript code embedded to make it portable (runs on linux/android/windows/mac) and will and do it's thing offline or without internet. I had to embed the source code because claude couldn't provide an antique ES3 solution, instead we got an external ES5 script to a least run). 107KB
video-frame-extractor-zip-csv-compressed-JS.html (portable offline) is embedded JS, but it's the script is compressed to half the size (48KB). The compression I made is self extracting within itself...