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
Supported: Chrome and Edge 72+, Firefox 66+ and Safari 13+ on a computer. Browsers on phones and tablets cannot capture the screen.
2 — Record
3 — Your video
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
- 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.
- 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.
- 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
- 01Batch Image → WebPWebP Converter
- 02White Background RemoverWhite BG Remover
- 03WCAG Contrast CheckerContrast Checker
- 04Character CounterCharacter Counter
- 05llms.txt Generatorllms.txt Generator
- 06JSON-LD GeneratorJSON-LD Generator
- 07Markdown → PDFMD → PDF
- 08OGP Meta Tag WizardOGP Wizard
- 09Favicon GeneratorFavicon Generator
- 10TikTok PublisherTikTok Publisher
- 11Encoding & Line Ending ConverterEncoding Converter
- 12Batch Image → AVIF + pictureAVIF Converter
- 13Test Data GeneratorTest Data Generator
- 14Marp Markdown → SlidesMarp Slides
- 15Text & Code Diff CheckerDiff Checker
- 16Cron Explainer & Next RunsCron Explainer
- 17Base64 & Data URI EncoderBase64 & Data URI
- 18URL Parameter Editor & UTM BuilderURL Parameters
- 19HTML Entity Escape & UnescapeHTML Escape
- 20JSON ⇄ YAML ConverterJSON ⇄ YAML
- 21PX ⇄ REM / EM ConverterPX ⇄ REM / EM 単位変換
- 22Color Converter & AlphaColorコード変換&アルファ透過
- 23MD5 / SHA-256 Hash Generatorハッシュ生成
- 24JWT Decoder & Expiry CheckerJWTデコーダー&有効期限チェッカー
- 25User-Agent ParserUser-Agent解析&デバイス判定
- 26UUID & ULID GeneratorUUID (v4) & ULID 一括生成
- 27Aspect Ratio Calculatorアスペクト比計算&サイズ算出
- 28Markdown Table GeneratorMarkdownテーブル整形&CSV/TSV変換
- 29SQL Query FormatterSQL Formatter
- 30QR Code GeneratorQR Code Generator
- 31Regex Tester正規表現テスター
- 32Unix Timestamp ConverterUNIXタイムスタンプ⇄日時変換
- 33New Tab Memo新規タブメモ帳
- 34Image Resizer & Cropper画像リサイズ&クロップ
- 35EXIF Viewer & RemoverEXIF情報の確認&除去
- 36robots.txt Generatorrobots.txt ジェネレーター
- 37Password Generator安全なパスワード生成
- 38Case Converter文字列ケース変換
- 39CSV/TSV ⇄ JSON ConverterCSV/TSV ⇄ JSON 相互変換
- 40PDF Merge, Split & ExtractPDF結合・分割・ページ抽出
- 41Full-width ⇄ Half-width Converter全角⇄半角変換&テキストクリーナー
- 42X (Twitter) Post CounterX(Twitter)投稿の文字ウェイト計算
- 43CSS clamp() Fluid Typography CalculatorCSS clamp() 計算機
- 44CSS Gradient GeneratorCSSグラデーションジェネレーター
- 45Image Colour Palette Extractor画像からカラーパレット抽出
- 46QR Code ReaderQRコード読み取り
- 47SVG Optimizer & Data URISVG最適化&data URI化
- 48Redirect Generatorリダイレクトルール ジェネレーター
- 49IP / CIDR CalculatorIPアドレス・CIDR計算機
- 50ICS Calendar Event GeneratorICS Generator
- 51cubic-bezier Easing Preview & ComparisonEasing Preview
- 52CSS box-shadow Generatorbox-shadow ジェネレーター
- 53Japanese Dummy Text Generator和文ダミーテキスト生成
- 54Social Media Image ResizerSNS画像サイズ一括書き出し
- 55Time Zone Converter & World Clockタイムゾーン変換・世界時計
- 56Date & Business Day Calculator日数・営業日計算
- 57HTML → MarkdownHTML→Markdown変換
- 58HEIC to JPEG/PNG ConverterHEIC Converter
- 59Print Size & DPI Calculator印刷サイズ・DPI計算機
- 60Color Blindness SimulatorColor Blindness Simulator
- 61SERP Preview & Meta Tag Length CheckerSERPプレビュー&メタタグ文字数チェック
- 62Flexbox & CSS Grid GeneratorFlexbox / CSS Grid ジェネレーター
- 63Text Line Toolsテキスト行操作ツール
- 64Screenshot Frame & Background Makerスクリーンショット枠装飾
- 65Japanese Era ⇄ Western Calendar Converter和暦 ⇄ 西暦変換
- 66URL Slug Generator (Japanese → Romaji)URLスラッグ生成(日本語→ローマ字)
- 67htpasswd Generatorhtpasswd ジェネレーター
- 68OGP Image GeneratorOGP画像ジェネレーター
- 69Stamp Shape Generatorスタンプ形ジェネレーター
- 70Stay Awakeスリープ防止