Wouldn't you like to make cinemagraphs IN your browser, without uploading anything to a remote server? Then share it on imgur, instagram, twitter, etc? No? Well I'm going to try and do it anyway.
Cinemagraphs are motion pictures without most of the motion. The basic effect is accomplished by overlaying portions of a single frame over top of all the other frames in the video.
Create a web app that will allow someone to make a cinemagraph using their browser, completely locally.
Probably not.
- Select local video source (could maybe do remote down the line). Will start with whatever format is easiest and go from there.
- The video loads into a web player
- Select region of video to be converted (limit max time to 5 seconds or whatever seems optimal). Use sliders/input field.
- Select target static frame.
- Use pen-like tool (think photoshop) to select region that is to contain motion, or region that is to remain static.
- Run (not sure how long this process will take, will need jokes).
- Preview completed cinemagraph
- Upload/Share to whatever API integrations make sense and work, probably will start with Imgur, then try Twitter, Instagram, Facebook, etc.
- Video file, maybe gif
- Video File (mp4 works on instagram well), or maybe gif
First up is to figure out if this is possible. So far it seems like it might be.
- https://bgrins.github.io/videoconverter.js/ This looks super promising
- https://github.com/yahoo/gifshot Looks even more promising
Assuming I actually acomplish this much and people are interested, I could add in some extra features:
- Sound support (not likely)
- More I/O formats
- Multiple regions that move and or don't move
- Image/Video filters