FIRST CH TOOLS / Images / 71 SCREEN RECORD

Screen Recorder with Click Auto-Zoom

Record how-to and demo footage in nothing but your browser. While it records it zooms in where you click, so small buttons and text stay readable and there is no zoom to add in an editor afterwards. Nothing to install, and the recording never leaves this tab.

1 — Recording settings

Recording settings
Padding colour

2 — Record

The recorded video and sound stay inside this tab (in memory) and are never sent to a server. Nothing is written anywhere until you press “Save video”, and closing the tab discards it.

How to Use

  1. Choose sound and zoomPick whether to narrate with the microphone and whether to include the tab’s own sound. Start with “2× / Standard”; switch to “Calm” if it zooms too often, or “Eager” for screens with small buttons. Padding is a frame of colour around the video.
  2. Start and pick a screenThe browser’s share dialog opens: choose the entire screen, a window or a tab. Then just work as usual — it zooms in where you click and goes back to the full view when you pause or the page changes.
  3. Stop and saveCome back to this tab and press “Stop recording” (or the browser’s “Stop sharing”). Play it back right here, then “Save video” writes a WebM file.

About This Tool

A way to record how-to and demo footage without opening a video editor. In a plain screen recording the whole 1920px screen is shrunk down, and the button you clicked or the small text is hard to see. This tool zooms in on your clicks while it records, so there is no zoom to add on a timeline afterwards. Trimming, captions and transitions are deliberately left out. The WebM file it produces can go straight into an editor, YouTube or X.

Where to zoom is worked out from the video itself. Browsers do not tell a page where you clicked inside another window or tab you are sharing — a page only receives the picture. So every 0.1 seconds the frame is shrunk and compared with the previous one, and when a change gathered in one place appears — a button being pressed, a menu opening, a field getting focus — it zooms to its centre. The small change of the mouse pointer moving is ignored. It returns to the full view when most of the screen changes at once (scrolling, a new page), after about 2.6 seconds with nothing happening, or 8 seconds after zooming in. If something changes far away while zoomed, it pans there. It will also follow things that move on their own, such as a playing video or an animation; on such screens choose “Calm” or “No zoom”.

Why zoomed text stays sharp. The screen is captured at its own resolution and, when zooming, a part of it is cut out and redrawn at the output size. Recording a Retina or other high-density screen at “up to 1920px” means a 2× zoom still uses close to the original pixels. Padding lays a frame of the chosen colour around the screen and rounds the corners slightly. If the shared window is resized during recording, it is fitted inside the padding with its aspect ratio kept.

About sound. The browser asks for permission the first time the microphone is used. Screen sound (a playing video, notification sounds) can only be recorded when sharing a tab in Chrome or Edge (or the entire screen on Windows and ChromeOS), with “Also share tab audio” ticked in the share dialog. When sharing a window or the entire screen on a Mac, browsers do not provide screen sound. Choosing both mixes them into one audio track inside the browser.

Browsers and caveats. Chrome or Edge on a computer is recommended (they let the page keep pulling frames while this tab is in the background). Firefox and Safari can record too, but frames may stall while this tab is in the background, so keep this tab visible in a separate window. Browsers that cannot write WebM, such as Safari, save MP4 instead. Browsers on phones and tablets cannot capture the screen at all. On a Mac, allow the browser first in System Settings → Privacy & Security → Screen & System Audio Recording. The recording is held in memory — a few tens of MB per minute at Full HD — so for long sessions, stop and save now and then.

The recording is never sent anywhere. Capturing, zoom compositing and writing the WebM all happen inside this tab (the browser’s MediaRecorder and Canvas). The video and sound are never uploaded; saving simply writes the file to your device when you press “Save video”. This site counts page views with web analytics, but the recording and the settings are not part of it (Privacy Policy).

Related tools. To add a background, padding, rounded corners and a shadow to a still screenshot, use the Screenshot Frame; for a thumbnail or OGP image, the OGP Image Generator; and to keep the screen from switching off during a long recording, Stay Awake.

Other Tools