Skip to main content

Zoom Feature Added to Make Demo GIF / MP4

· 3 min read
hiroaki
hiroaki
Individual Developer
If this site helped you, please support us with a star! 🌟
Star on GitHub

Make Demo GIF / MP4, released earlier this month, now includes a zoom feature. When you want to draw attention to a specific interaction in a screen recording, simply dropping in a GIF or MP4 does not always communicate what matters. This update adds an optional zoom effect that smoothly magnifies any area of the video to highlight button clicks, form inputs, or other key UI moments.

What Was Added​

Zoom is structured as three phases: zoom-in → hold → zoom-out. The screen is divided into a 3×3 grid of nine areas, and you select which area to magnify using toggle buttons. Set the peak zoom level (1.1x – 5.0x) and the duration for each phase, and the tool generates a smooth scaling animation.

Multiple zoom points can be configured. Use the "+ Add Zoom Event" button to add as many as you need. If any events overlap in time, an error is reported before the final output runs.

Recording the Start Time​

The most tedious part of configuring zoom is finding the exact timestamp of the scene you want to highlight and typing it in manually. To address this, a preview video is embedded directly in the cell alongside a "📍 Record this position as start time" button.

Pause the preview at the moment you want to zoom, click the button, and the current playback position is applied to the selected event's start time immediately. No more scrubbing, noting numbers, and re-entering them by hand.

How It Fits Into the Workflow​

The only change to the existing workflow is the operations in Step ⑦. If you do not need zoom, leaving "Add zoom" unchecked keeps everything exactly as before.

  1. Generate a preview in Step ⑤
  2. In Step ⑦, play the preview and pause at the scene you want to zoom
  3. Click "📍 Record this position as start time" to apply the timestamp
  4. Set the zoom area, peak level, and phase durations
  5. Run Step ⑧ to generate the final output

Getting Started​

No setup required. Open the Colab link below and run the cells from top to bottom.

Feedback and pull requests are welcome.

If this site helped you, please support us with a star! 🌟
Star on GitHub