Rendering a chain of images like a video in javascript

Question

I\'m trying to synthesize a video using a stream of images in JavaScript. The problem is the \"video\" is either jerky, which was solved by using a buffer of sorts. However

Answer 1

Searching for a solution myself. Here is a nice little article about doing something amazingly convenient for IP camera case.

http://techslides.com/convert-images-to-video-with-javascript

Also try loading all images in an image strip (CSS stuf) (assuming that there would not be a large amount of images) and hide all but first with overflow: hidden. Then change image strip position for the width of the image with setInterval (basically a very quick slider without any transition animations). In that case all images would be already loaded AND rendered and you can control timing between each "frame".