Generating High Resolution Timelapses

In previous blog posts we have shown how to generate timelapses and we have shown how to get full resolution images. This post will show how to combine those two features together to generate a high resolution timelapse.

Step 1: Gathering The Necesary Parts

We're going to use the example code from our blog post on Getting High Resolution Images from Video to get the full resolution images. We will then modify our example in the previous blog post to get those images instead of the low resolution thumbnails.

Because we are pulling little video clips as the source for each image, the total time it takes will go up. This is depending on the amount of activity in the camera and the upload bandwidth at site. Both of those factors add to the variability of how long the process will take. We are going to run this from a script but in production I would recommend pre-computing this information before the user requests it.

This is example is in the file This is mostly the same as the previous example except on line 84 we are calling instead of getting a preview image throught the Eagle Eye API.

I am including a high res timelapse videos from a 720p HD camera. (Please ignore the window screen because it is just looking out the window)

If your browser doesn't support HTML5 video. Here is a link to the video instead.

What else can we do with this?

I hope this series of blog posts on generating timelpaes has been helpful. I will have another project coming on making a webapp that automatically generates these timelapses as part of a user's dashboard. It uses the same ideas that we have already discussed. Its purpose is show how a full example could come together.

I hope you found this helpful. Please feel free to reach out to me directly at