HubTools

Screen Recorder

Record your screen with webcam overlay and automatic click-zoom. Trim, add text, export MP4.

What is browser-native screen recording?

Browser-native screen recording uses the W3C getDisplayMedia API together with WebCodecs (or MediaRecorder, depending on the browser) to capture, edit, and export screen video without installing software. The whole pipeline — picker UI, screen capture, webcam overlay, audio mixing, encoding, muxing — runs in a sandboxed browser process. Modern Chromium, Safari 16+, and recent Firefox all support the capture side; the encoding path depends on WebCodecs availability and gracefully falls back to real-time WebM where needed. For shareable images of stats or numbers, use the Stats Card Generator. To convert the resulting MP4 between formats, head to the Image Converter.
Checking browser capabilities…

How to use this tool

  1. 1
    Pick a source
    Choose a screen, window, or browser tab in the picker. Optionally turn on your webcam and microphone, and toggle system audio if your browser supports it.
  2. 2
    Record your screen
    Click Start. Move your cursor naturally — clicks and motion become suggested zoom anchors after capture. Stop at any time from the recorder or browser UI.
  3. 3
    Edit zooms, trim, and add text
    Drag the trim handles, promote cursor suggestions into zoom anchors, drag the webcam bubble to any corner, and drop text overlays where you need them.
  4. 4
    Export to MP4 or WebM
    Click Export. Chrome and Safari produce hardware-accelerated MP4 (H.264 + AAC); Firefox produces real-time WebM (VP9 + Opus). The file downloads when ready.

Frequently asked questions

Which browsers can record and export?
Recording works on Chrome, Edge, Safari, and Firefox (any recent version). MP4 export uses WebCodecs and runs on Chrome, Edge, and Safari 16.4+. Firefox falls back to a real-time WebM export. The tool auto-detects which path your browser supports and shows the choice in the diagnostics drawer — you never have to pick.