Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To create a traffic time-lapse with browser automation, schedule a fixed map view, capture screenshots or browser video at defined intervals, then assemble the approved captures in a video editor. Playwright can automate the browser capture, but it does not supply historical traffic data, validate traffic measurements, or grant permission to reuse map content. Your data source, sampling plan, and publication rights must be decided separately.

What the finished workflow looks like

  1. Select an authorized source. Decide whether you are showing a live traffic layer, licensed historical observations, or another permitted dataset. A sequence of live-map images documents what appeared on screen at those times; it is not automatically a historical traffic record.
  2. Define a reproducible view. Fix the browser viewport, map center, zoom, traffic layer, language, timezone, and any account state. Keep these values unchanged between captures.
  3. Capture at a schedule. Save individual frames when you need precise sampling, or record browser video when continuous activity is part of the deliverable.
  4. Verify each output. Reject blank pages, consent dialogs, failed loads, and frames with a changed location or layer.
  5. Close the browser context. Playwright records become available after the page or context closes.
  6. Assemble separately. Import the image sequence or browser video into an editor, choose the playback speed and frame rate, add titles and attribution, and export the final file.

This separation matters: browser automation captures rendered pixels. It does not turn a display into a validated traffic database or provide a license to copy, cache, bulk-download, or republish map content.

Choose screenshots or browser video

Approach What you get Best fit Important limitation
Scheduled screenshots One image per scheduled capture Deliberate sampling, frame selection, and removal of failed observations Playwright documents the screenshot API, not a complete traffic time-lapse or editing pipeline.
Browser video recording A recording of page and browser activity Continuous movement, demonstrations, or footage that should show the automation itself The video is saved when the browser context closes; recording does not prove historical data access or reuse permission.

Use screenshots when every frame represents a known observation time. Use video when continuity is more important than selecting individual observations. You can also record a session for documentation while saving screenshots for the actual time-lapse.

Plan a stable traffic-map capture

Fix the visual state

  • Use a fixed viewport such as 1280×720 or your intended output dimensions.
  • Set the same center coordinates, zoom, map type, and traffic layer before every capture.
  • Wait for the map and traffic overlay to finish rendering instead of capturing immediately after navigation.
  • Use a consistent timezone when the map exposes time controls or labels.
  • Keep attribution visible whenever the provider requires it.

Choose the sampling schedule

Write down the start time, end time, interval, target geography, and what counts as a valid frame. A five-minute interval over eight hours produces 96 intended observations; a failed or obstructed capture should be marked missing rather than silently treated as a traffic change. If you need traffic statistics, obtain an authorized historical feed with a stated geography, temporal resolution, and publication license instead of inferring them from screenshots.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Elebase USB to USB C Adapter for iPhone 18 Pro Max,USBC Car Charger Adapter
  • Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
  • Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
  • Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
  • Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
  • 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.

Decide what the video claims

Describe the result as a visualization of captured map views unless the underlying provider authorizes a stronger claim. Do not label it “historical traffic data” merely because the frames were collected over time. Actual road conditions can differ from map results, so avoid presenting the animation as a precise measurement without independent validation.

Set up Playwright for scheduled screenshots

The example below is a practical starting point for a JavaScript project. Replace the URL and selectors with the map provider and controls that you are authorized to automate. The selectors shown are placeholders because map interfaces differ and undocumented interfaces should not be scraped.

  1. Install Node.js and create a project directory.
  2. Run npm init -y.
  3. Install Playwright with npm install playwright.
  4. Install a browser with npx playwright install chromium.
const { chromium } = require('playwright');
const fs = require('fs/promises');

const target = 'https://example.com/authorized-map-view';
const intervalMs = 5 * 60 * 1000;
const captures = 12;

(async () => {
  await fs.mkdir('frames', { recursive: true });
  const browser = await chromium.launch({ headless: true });
  const context = await browser.newContext({
    viewport: { width: 1280, height: 720 },
    deviceScaleFactor: 1
  });
  const page = await context.newPage();

  for (let i = 0; i < captures; i++) {
    const started = Date.now();
    await page.goto(target, { waitUntil: 'domcontentloaded', timeout: 90000 });
    // Replace this with a documented, permitted readiness selector.
    await page.waitForTimeout(5000);
    await page.screenshot({
      path: `frames/frame-${String(i).padStart(04, '0')}.png`,
      fullPage: false
    });

    if (i + 1 < captures) {
      const remaining = intervalMs - (Date.now() - started);
      if (remaining > 0) await new Promise(r => setTimeout(r, remaining));
    }
  }

  await context.close();
  await browser.close();
})();

For a long run, keeping one context open can preserve state, but a fresh navigation or context may be more reproducible. Record a timestamp and a validity status beside each frame so editing does not conceal missing observations. If the map requires a login, use an account and automation method permitted by its terms; never bypass a bot check or CAPTCHA.

Record browser video with Playwright

Enable recording when you want a continuous browser capture. Playwright makes the video available only after the page or browser context closes, so explicitly await closure before trying to copy or inspect the file.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Anker USB-C Hub, 5-in-1 USB Hub for Laptops, 4K HDMI Multiport Adapter
  • 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
  • 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
  • Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
  • 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
  • What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext({
    viewport: { width: 1280, height: 720 },
    recordVideo: { dir: 'recordings', size: { width: 1280, height: 720 } }
  });
  const page = await context.newPage();

  await page.goto('https://example.com/authorized-map-view', {
    waitUntil: 'domcontentloaded',
    timeout: 90000
  });
  await page.waitForTimeout(60_000); // choose the authorized recording duration

  const video = page.video();
  await context.close();
  await browser.close();

  if (video) console.log('Saved video at:', await video.path());
})();

A recording shows browser activity during the selected period. It does not create observations for times when the browser was closed, and it does not establish that the provider permits publication.

Turn captures into a time-lapse

  1. Sort frames by their capture timestamp, not by an arbitrary filename order.
  2. Remove invalid frames and document gaps; do not duplicate a frame to imply an observation that never occurred.
  3. Import the sequence into your editor and set a deliberate display duration or frame rate.
  4. Add a title containing the location, capture window, timezone, interval, and whether the imagery is live-display capture or licensed historical data.
  5. Keep required map attribution readable throughout the video. If a crop, zoom, or transition would hide it, change the layout rather than masking it.
  6. Export using the resolution and codec required by your destination, then watch the complete file to check for blank frames, jumps, unreadable labels, and audio or title timing.

These are production choices, not Playwright features. The Playwright documentation covers browser screenshots and recording, not a particular editor, codec, frame-rate design, or traffic-data accuracy.

Permission and attribution checks

If you use Google Maps content, its Additional Terms state that users may “publicly display content with proper attribution online, in video, and in print.” That permission is conditioned on the applicable terms and does not override restrictions elsewhere in those terms. The same terms prohibit mass downloading and bulk feeds.

The Google Map Tiles API policy is product-specific. It requires attribution and limits pre-fetching, indexing, storage, caching, offline use, and extraction except as allowed by the governing customer agreement. Do not assume that a policy for the Map Tiles API governs every Google Maps product, and do not treat an archived Maps APIs terms page as current legal guidance.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
Anker USB C Hub, 7in1 Multi-Port USB Adapter, 4K@60Hz USBC to HDMI Splitter
  • Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
  • Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
  • Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
  • Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
  • What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
  • Check the current terms for the exact product, account, geography, and project.
  • Confirm that repeated capture and public video display are allowed.
  • Do not extract tiles, build a bulk feed, hide attribution, or use undocumented endpoints as a shortcut.
  • Obtain a permitted historical provider when the project needs historical observations rather than a visual record.

Or skip the browser setup

ScreenshotNeo provides a website screenshot API and MCP server. It accepts consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each step can be disabled. Bot checks, CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers identify the page verdict and billing result.

For a single frame, use the documented API examples at https://screenshotneo.com/docs/:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

You can schedule that call from your own job runner and retain the response headers and timestamps alongside each image. ScreenshotNeo also offers full-page capture with lazy images loaded, CSS-selector element capture, device presets and custom viewports, retina scale, dark mode, custom CSS and JavaScript, click actions, selector or network-idle waits, request and resource blocking, cookies and headers, timezone and geolocation, transparent backgrounds, resizing, chosen cache TTLs, signed links, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, usage API access, and an OpenAPI specification. Its MCP server exposes take_screenshot, get_page_info, and capture_pdf to Claude, Cursor, and other MCP clients.

Plans include 1,000 screenshots per month free with no card; paid plans start at $5 for 3,000 shots. Every feature is on every plan. Create an account at https://screenshotneo.com/account/sign-up/.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshooting

The frame is blank or only partly rendered

Increase the readiness wait, wait for a documented selector, and capture after the traffic layer has rendered. Check the saved image before accepting it. A blank result is a failed capture, not evidence of clear roads.

Rank #4
Sale
UGREEN USB to USB C Adapter Combo 4-Pack, 10Gbps USB C Converter Space Gray
  • Dual Converters, Infinite Potential:Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
  • Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
  • Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
  • Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
  • Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft

The map changes position between frames

Set the viewport and initial location explicitly. Check responsive breakpoints, geolocation permissions, persisted local storage, and account-specific defaults. Log the effective URL and visible map state for each frame.

The video file is missing

Close the page or context and await that promise before reading the video path. Playwright finalizes recorded video on context closure.

A consent dialog, popup, or chat widget covers the map

Use the provider’s permitted controls or an authorized test configuration. Do not conceal required attribution or automate around a restriction. For ordinary website screenshots, ScreenshotNeo can remove supported consent platforms, popups, and chat widgets before capture.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Captures fail intermittently

Use explicit navigation and selector timeouts, retry only transient failures, and store a status for every scheduled attempt. Keep failed frames out of the final sequence and investigate rate limits or provider restrictions instead of increasing request volume blindly.

Best Value
Anker USB C Hub, 5-in-1 USBC to HDMI Splitter with 4K Display
  • 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
  • Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
  • Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
  • HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
  • What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.

The published video receives a rights complaint

Pause distribution, review the current product-specific terms, and confirm your attribution and permission. A screen recording is not blanket permission for mass collection, caching, or commercial republication.

FAQ

Can a traffic time-lapse prove congestion levels?

No. It shows rendered map content at selected times. Quantitative congestion claims require an authorized data source and a defined measurement method.

Should I use a live map or historical data?

Use a live map for a visual record of what viewers saw. Use licensed historical observations when the project needs analysis, repeatability across past dates, or numerical comparisons.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Does closing Playwright end the recording?

For manually managed recordings, closing the browser context is the step that makes the video available for access.

Can I remove map attribution in post-production?

Do not remove required attribution. Keep it visible and verify the current terms for the specific map product.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.