How to Create a Time-Lapse Video of any Web Page

Published in: time-lapse

Remember the time-lapse movie that helped you visualize the movement of tech stories on Techmeme? It did attract lot of eye-balls and as promised, here’s the secret recipe on how to make such a time lapse video with (almost) free software.

The process is simple and has two main parts - 1) Capturing screenshots and 2) Stitching all these images together so they appear as an animated movie or a flipbook.

Techmeme saves a snapshot of its homepage every 5 minutes and each snapshot has a unique URL with the timestamp. For instance, the snapshot of Techmeme at 1:50 PM ET, January 15, 2008 is available at

To capture those hundreds of screenshots, I created a simple macro (snippet below) using AutoHotKey that would automatically generate URLs, type them in the web browser, press the print screen key and then save the screenshot as an image - this ran in a loop 600 times capturing 50 hours of changes.

techmeme= url=%techmeme%%Date%/h%Hours%%Minutes% _<- Create URL_ Send, {CTRLDOWN}l{CTRLUP} _<- Reach the Browser Address Bar _Send, %url% {ENTER} _<- Paste the URL and Hit Enter_ Sleep, 5000 _<- Wait 5 seconds for the web page to load _Send, {PRINTSCREEN} _<- Capture a screenshot_

You may be wondering how the Print Screen key will save the screenshot to an image file when all it does is capture the current screen content to the clipboard ? That’s possible through SnagIt (available for a 30-day trial at - You just mark the region that you wish to capture and SnagIt will do everything else.

Once you have all the screenshots, import all of them as a sequence inside Windows Movie Maker, Adobe Premiere Pro, Camtasia, QuickTime Pro or any other video editor - just bring down the image transition time to 0.1 second (or less) and export the animation as a GIF or any video format. The results are always pretty amazing.

You can extend the trick to make time lapse movies of Google Maps, your road trips, construction sites, etc.

Related: How to Make a Stop Motion Animation Movie

📮  Subscribe to our Email Newsletter for Google tips and tutorials!
Published in: time-lapse

Looking for something? Find here!

Meet the Author

Web Geek, Google Developer Expert
Amit Agarwal

Amit Agarwal is a Google Developer Expert in Google Workspace and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. He is the developer of Mail Merge for Gmail and Document Studio. Read more on Lifehacker and YourStory

Get in touch

Google Add-ons

Do more with your Gmail and GSuite account

We build bespoke solutions that use the capabilities and the features of Google Workspace for automating business processes and driving work productivity.

  1. Mail Merge with Attachments
    Send personalized email to your Google Contact with a Google Sheet and Gmail
  2. Save Emails and Attachments
    Download email messages and file attachments from Gmail to your Google Drive
  3. Google Forms Email Notifications
    Send email notifications to multiple people when a new Google Form is submitted
  4. Document Studio
    Create beautiful pixel perfect documents merging data from Google Sheets and Google Forms
  5. Creator Studio for Google Slides
    Turn your Google Slides presentations into animated GIFs and videos for uploading to YouTube