Modify video frames with Facebook data

[Krishnaveni]

Can anyone suggest how to build web app like http://www1.lost-in-val-sinestra.com/ without flash. We want to pull the data from facebook and using pulled data edit the sample video and play in the browser. I was thinking to use image magick with ffmpeg to edit the video but unable to do it successfully.

I tried to edit video using below steps

1. Extract all frames from the video using ffmpeg.
2. Identify the frames need to be customized.
3. Identify the coordinates of placeholders where we need to place the facebook data.
4. Using image magick customized frames with facebook image (facing difficulty here as the video moves continously taking coordinate of each frames is tedious)
5. Create final video with edited frames using ffmpeg.

[QuickOldCar]

It seems like you are taking the correct approach to do something like this.

 

Of course it's tedious!!, look what you are trying to do there.

 

Only way to get around flash is to use html5 video.

Will need to save multiple video types depending which browser the person is using.

If a person is using an old browser will not work (yes people still use old ones then complain)

 

Mozilla explains this nicely

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

 

Basically you will want something like this which means 3 files needed.

So now you can see why forcing people to install flash is still being commonly used.

Nice idea, but unless all browsers get on board with a same file type all can use...is a huge waste of resources..

<video id="html5Movie" width="640" height="360" preload controls>
<source src="HTML5_H264.mov" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="HTML5_Ogg.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="HTML5_WebM.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>