DEV Community

siwet zhou
siwet zhou

Posted on

I Built a Screen Recorder That Captures 1 Frame Every 10 Seconds (For AI Coding Sessions)

The Problem

If you're using AI coding assistants like Claude Code, Cursor, or GitHub Copilot, you've probably wanted to record your sessions for later review.

But here's the issue: normal screen recorders capture at 30-60 fps. An 8-hour coding session becomes a 50GB+ file, and your CPU is working overtime the whole time.

The Insight

For reviewing a coding session, you don't need 60 frames per second. You need to see what changed over time. 1 frame every 10 seconds is more than enough.

The Solution

I built Slow Recording – a browser-based screen recorder that:

  • Captures 1 frame every N seconds (configurable 1-60s)
  • Produces tiny files (10 hours ≈ few MBs)
  • Has zero performance impact
  • Requires no installation

How It Works

The app uses the WebCodecs API to:

  1. Capture screen frames at the specified interval
  2. Encode them into a standard video format
  3. Let you download and scrub through your session

Use Cases

  • AI pair-programming review: See which prompts worked, which didn't
  • Long workflow documentation: Record a whole workday
  • Background recording: Set it and forget it

Try It

It's free and open in your browser: re.sum.pub

Would love feedback from fellow developers! Especially interested in:

  • Other use cases I haven't thought of
  • Feature requests
  • Technical suggestions

Built with vanilla JS and the WebCodecs API. Happy to answer questions about the implementation!

Top comments (0)