I am attempting to create a thumbnail preview from a video file (mp4,3gp) from a form input type='file'
. Many have said that this can be done server side only. I find this hard to believe since I just recently came across this Fiddle using HTML5 Canvas and Javascript.
The only problem is this requires the video to be present and the user to click play before they click a button to capture the thumbnail. I am wondering if there is a way to get the same results without the player being present and user clicking the button. For example: User click on file upload and selects video file and then thumbnail is generated. Any help/thoughts are welcome!
<video>
s, conversion ofBlob
/File
to a<video>
, etc). Have a look, and perhaps it will prove to be useful for you. github.com/rnicholus/frame-grab.jsblob_to_video
method, get a<video>
and feed that into a frame-grab instance, where you can have images generated via the various workflows/methods exposed in frame-grab's API. This all happens in the browser, nothing is sent to the server. I encourage you to ask questions or leave feature requests in the github repo, and we can discuss more there.