Why a browser-based screen recorder matters
Every popular "free" desktop recorder — Loom, Snagit, Screencastify, Descript’s screen tool — routes your recording through their servers or their app for storage and rendering. That decision has three side effects worth naming: (1) your recording sits on someone else’s infrastructure with their retention policy, not yours; (2) the free tier is time-limited or feature-limited so you upgrade; (3) the recording software has to be installed, which means it can update itself and change what it captures without you noticing.
The browser has done screen capture natively since 2019 (the getDisplayMedia API in the MediaDevices spec). Nothing in the standard requires an upload — the video stream stays in the browser tab, MediaRecorder writes it to a Blob in memory, and the download button hands you a file. That’s the entire pipeline. No server, no account, no time limit.
You can verify this yourself: press F12 in your browser, switch to the Network tab, clear it, and record something. The list stays empty while you record. When you hit Stop, a file appears in your Downloads folder. Nothing else happened on the network.
The "free" trick in most screen recorders
What actually happens when you drop a recording into each tool:
| Tool | Where recording lives | Free-tier catch |
|---|---|---|
| Loom | Their cloud (SaaS) | 25 videos on free plan, 5-min max per video. Above that: paid. |
| Screencastify | Their cloud + Google Drive | 30 recordings/month, 30-min max on free. Watermark on export. |
| Snagit | Local app + TechSmith cloud | 15-day trial, then paid one-time. |
| Descript Screen | Their cloud + AI transcription | 1 hour of transcription/month free; screen recording tied to the paid editor. |
| Chrome built-in screen record | Local file | None. Honest exception. UI is minimal though — no pause, no mic mixing. |
| This tool | Your browser tab | None. No time limit, no watermark, no batch cap, no account. Pause/resume supported. Screen + mic + system audio. |
Prove it yourself: before hitting Record, open DevTools (F12) → Network tab → clear (⛞). Record 30 seconds of anything, hit Stop. Watch the Network tab — zero POST requests appear. The recording came out of the browser’s own encoder, wrote to memory, and downloaded to your disk. Nothing left your machine.
Format guide — WebM vs MP4
The browser’s MediaRecorder API outputs WebM by default (VP9 or VP8 video + Opus audio — all patent-free open codecs). Some browsers offer MP4 as an alternate container. Which one to pick depends entirely on where the file is going.
| Format | Best for | Watch out for |
|---|---|---|
| WebM (VP9) | YouTube upload, direct playback in browsers, embed in a modern site. | Some macOS Quick Look + old Windows Media Player installs can’t play it (needs VLC). |
| MP4 (H.264) | Email attachments, iMessage, Slack DMs, Google Drive shares, PowerPoint embed, iOS/macOS default players. | Slightly bigger file at the same visual quality (~10-20%). |
| MOV | Not offered here — Apple’s container. Rename an MP4 to .mov and it opens the same way on macOS. | — |
Practical rule: if the recording is going straight into Slack, email, Google Drive, or a PowerPoint deck for a non-technical viewer, pick MP4. If it’s for YouTube or an embed on a page you control, WebM is smaller for the same quality.
Resolution, bitrate, and file size
Two settings dominate final file size: frame resolution (720p vs 1080p vs source-screen) and bitrate (how many bits per second of video — roughly, compression tightness). Rough sizing for a 5-minute recording of typical desktop UI:
| Resolution | Bitrate | 5-min file size | Use for |
|---|---|---|---|
| 720p | 2 Mbps | ~75 MB | Slack DM, quick bug repro, tutorial for a non-technical viewer |
| 1080p | 4 Mbps | ~150 MB | YouTube upload (min recommended), client walkthrough, sales demo |
| 1080p | 8 Mbps | ~300 MB | High-detail code review, before uploading to YouTube 4K (they re-encode) |
| 1440p / 4K | 15 Mbps | ~560 MB | Actual 4K screens; overkill for a 1080p viewer |
For screen recordings specifically (not real-world video), you can drop bitrate lower than you’d think — big flat colors and text compress efficiently. A 720p code walkthrough at 1 Mbps still reads fine.
Audio matters more than resolution
The single biggest quality difference between a "produced-looking" recording and a "quick-cast" one is audio.
- Built-in laptop mic: the default. Fine for internal share; obviously that in anything client-facing.
- Wired earbuds with mic: the free upgrade. Puts the mic ~8 inches from your mouth instead of at arm’s length. Cuts room echo.
- USB podcast mic ($60-80): the "sounds like a produced video" line. Audio-Technica ATR2100 or similar. Worth it if screen recordings are recurring work.
Six ways to actually use this
1. Bug reports for a developer
Nothing beats "here’s exactly what I did and what happened, in 30 seconds." Record the window (smaller file, no other-app leaks), include mic to narrate. Send as MP4 for Slack/Jira compatibility. 1080p at 2 Mbps is plenty.
2. Async standup / work updates
Record your screen showing the ticket you’re working on, narrate for 2-3 minutes what’s done and what’s blocked. Send in a team channel. Beats a written standup because code + your voice come together.
3. Onboarding walkthroughs for new hires
Record each system’s flow once instead of running the same live Zoom walkthrough weekly. New hire watches on their own timing, replays the tricky parts. WebM for intranet hosting; MP4 for Google Drive.
4. Async sales demo instead of a live meeting
Record the product walkthrough once at real speed with narration explaining what the prospect is looking at. Attach to a follow-up email. Some prospects will watch on their own time who’d never have booked a demo call.
5. Course lessons / tutorial content
Higher bitrate (5-8 Mbps), 1080p, MP4 for max compatibility. Turn off notifications first (both OS and browser tab). Test audio levels on a 30-second sample before doing a 20-minute take.
6. Legal / compliance evidence
When you need to prove "this is what the interface actually did," a browser-recorded video is the honest record. Because nothing uploads, the recording can go with sensitive material (client dashboards, PHI-adjacent tools, financial dashboards) that a cloud tool would leak.
Pre-recording checklist
- Close what shouldn’t be on camera. Sensitive tabs, personal Slack, unrelated windows. A tab bar full of client names is the fastest way to leak something.
- Turn off notifications. Mac: Do Not Disturb. Windows: Focus Assist. A ping mid-take = re-take.
- Set browser zoom to 100%. Recordings at 75% or 150% look weird on playback.
- Do a 15-second test. Mic level, cursor visibility, screen capture actually working. Nothing worse than a 20-min take with no audio.
- Prepare the click order. If it’s a specific flow demo, know exactly what you’re clicking before you hit Record.
- Full screen or window? Window is smaller, keeps other apps private, but the viewer sees no OS chrome. Full screen shows your dock/clock. Pick per audience.
Common problems and fixes
- Audio out of sync with video — usually a bitrate problem. Drop resolution one step, or record without system audio. Close background CPU-heavy apps.
- Recording is choppy — either the browser tab is under-resourced (close other tabs) or the target is doing heavy animations. Record at 30fps instead of 60fps for desktop UI.
- File is huge for a short recording — you’re at 4K or high-frame-rate. Drop to 1080p 30fps unless the content actually needs more.
- Can’t hear system audio — check "share tab audio" or "share system audio" when the browser’s source picker appears. Chrome allows tab audio; Firefox and Safari have quirks with system audio.
- Cursor doesn’t show up — the browser API captures the composited output, so the cursor is normally included. If it’s missing, your recording is likely of a window that renders its own cursor (rare — some Electron apps).
How to prove nothing was uploaded
- Open this tool page.
- Press
F12to open DevTools. - Click the Network tab, then the ⛞ (clear) button.
- Hit Record. Grant screen-capture permission.
- Record 15-30 seconds of anything on screen.
- Hit Stop. The download appears in your Downloads folder.
- Look at the Network panel — no POST requests appear. The download itself is a local blob URL (starts with
blob:), not a network fetch.
Try the same test on Loom or Screencastify and you’ll see the upload happen as the recording finishes (or during, for cloud tools). That single check separates the honest tools from the ones running server-side.
Frequently asked questions
How long can I record?
Practically: as long as your browser tab has RAM for. On a typical laptop with 8 GB RAM, comfortable up to ~20-30 minutes. Beyond that, the browser starts flushing to disk which can introduce hiccups. For anything over an hour, a desktop app is a better fit.
Does the recording upload anywhere?
No. It’s captured by the browser’s built-in getDisplayMedia API, encoded by the browser’s built-in MediaRecorder, held as a Blob in memory, and downloaded to your device as a file. You can verify this in DevTools → Network (see the section above).
What browsers does this work in?
Chrome, Edge, Firefox, and Safari all support the underlying API. Chrome and Edge have the smoothest UX. Safari has some quirks with system-audio capture. Mobile browsers don’t support screen capture (that requires OS-level permission Apple/Google don’t currently expose to the browser).
Can I record system audio (not just my mic)?
Yes, on Chrome and Edge when you record a "tab" — the OS-level source picker includes a "share tab audio" checkbox. For system audio from another app (a call, music), Chrome allows it on the "entire screen" source only.
Can I pause and resume?
Yes. The tool supports pause and resume mid-recording — useful when a phone call interrupts or you want to skip a section without a hard edit later. The final download is one continuous file.
Does the recording have a watermark?
No. No watermark, no logo overlay, no "recorded with X" splash. The file is exactly the pixels that were on your screen.
Can I edit the recording afterwards?
Not in this tool — this is a pure capture surface. Once you have the file, drop it into any video editor (iMovie, DaVinci Resolve, Descript, Kdenlive — most are free). If your only edit is "trim the start and end," any of those handle it in 30 seconds.
Can I record only a specific application window?
Yes. When you click Record, the browser shows a source picker with three tabs: Entire Screen, Window, Tab. Pick "Window" and choose the app. Only that app is captured — everything else (other windows, your dock, notifications) is invisible in the recording.
Why is my recording playing without sound?
You probably didn’t check "share tab audio" or "share system audio" when the source picker appeared. Also verify your mic is unmuted in the tool’s controls. Do a 15-second test before your real recording.
Can I use this commercially?
Yes. The recording is a file you own; use it for anything — personal or commercial — with no attribution required.