Camera recorder

Capture screenshots and record webcam clips

Everything runs locally in your browser

Last updated: February 5, 2026

CreatorFrank Zhao

Your browser does not support recording video from camera.

Introduction / overview

What it is: a browser-based camera utility that can take a screenshot or record a WebM video from your camera.

What it solves: quickly capture exactly what your camera sees—then download it as a file you can share.

Who it’s for: educators, support teams, developers, content creators, and anyone who needs a quick recording.

Privacy note: recordings and screenshots are created locally in your browser; nothing is uploaded by this tool.

If you’re pairing this with documentation work, you may also like an HTML editor for writing the final guide text, or a URL parser when sharing links.

How to use / quick start

Click Grant permission and allow camera/microphone access in your browser prompt.
Select the camera and (optionally) microphone you want to use.
Click Start webcam to see the preview.
Use Take screenshot for a still image, or Start recording for a video.
When you’re done, click Stop, then download your file from the results list.

Quick sanity-check: estimate video file size

A simple estimate helps you decide whether a clip is “small enough” to attach to a ticket or email. If your video bitrate is about $R = 6\ \mathrm{Mbps}$ and you record for $t = 45\ \mathrm{s}$ , then the approximate file size is:

S \approx \frac{R\,t}{8}

=

\frac{6\times 10^6\ \mathrm{bits/s}\ \cdot\ 45\ \mathrm{s}}{8}

=

33.75\times 10^6\ \mathrm{bytes}

\approx

34\ \mathrm{MB}

Real-world size can vary (audio track, browser encoder choices, motion complexity), but this is a good “back-of-the-envelope” check.

Real-world examples / use cases

Support ticket with a visual reproduction

Situation: a user says “the camera preview is black” but can’t describe what they see.

Input: record a $t = 15\ \mathrm{s}$ clip with microphone off.

Result: a small WebM file you can attach to the ticket.

Use it: the team can see the exact symptoms and follow up with targeted steps.

Micro-tutorial for a teammate

Situation: you want to show a one-minute “click here then here” flow.

Input: record a $t = 60\ \mathrm{s}$ clip, then download.

Result: a shareable clip you can send in chat.

Use it: reduces back-and-forth and makes onboarding smoother.

Record evidence without uploading

Situation: you need a quick recording, but you don’t want it going through a third-party service.

Input: capture a screenshot and download the PNG locally.

Result: a local file you can handle according to your internal process.

Use it: reduces accidental exposure when dealing with sensitive visuals.

Pro tip: if you’re sharing the page itself with teammates, use the Share button below the tool to send a clean link.

Common scenarios / when to use

Quick screenshot

Capture a still frame for documentation or a bug report.

Short webcam clip

Record a short clip to demonstrate a behavior or setup.

Audio on/off control

Include microphone when needed, or record silently for privacy.

Local download

Save PNG/WebM files directly without cloud uploads.

Privacy-first capture

Prefer local tools when handling sensitive visuals.

Not a fit

If you need editing, filters, or professional color grading.

Tips & best practices

Grant permissions once, then refresh device labels

Browsers often hide camera/mic names until permission is granted. If the dropdown looks generic, grant permission first.

Keep clips short when sharing

If you plan to attach the clip to a ticket, aim for the shortest recording that still shows the issue.

Use a stable setup for clearer results

Good lighting and a steady camera drastically improve clarity, especially for text on paper.

Avoid capturing sensitive information by accident

Check your background. A screenshot can include IDs, QR codes, or private documents.

Calculation method / formula explanation

The recorder uses your browser’s built-in media encoder. You don’t need to pick a formula to record, but it helps to understand one practical relationship: file size grows roughly with bitrate and time.

S \approx \frac{R\,t}{8}

$S$ is the approximate size in bytes.

$R$ is the bitrate in bits per second.

$t$ is the duration in seconds.

Worked example

R = 10\ \mathrm{Mbps}

,

t = 120\ \mathrm{s}

\Rightarrow

S \approx \frac{10\times 10^6\cdot 120}{8}

=

150\times 10^6\ \mathrm{bytes}

\approx

150\ \mathrm{MB}

If you need a smaller file, record for fewer seconds (smaller $t$ ) or avoid unnecessary motion. For more control (codecs, exact bitrates), you’ll want a dedicated editor.

Related concepts / background info

Permission prompts: browsers require explicit user consent before accessing the camera/microphone. If you don’t see a prompt, check your browser’s site settings.

WebM format: recordings are stored as WebM, a web-friendly container commonly used by browsers.

Device selection: once permission is granted, device labels become available and you can select the correct camera/mic.

Frequently asked questions

Why do I see “Grant permission” instead of a camera preview?

Your browser requires an explicit permission grant before it can access the camera/microphone.

Why are my camera/mic dropdown labels generic?

Most browsers hide device names until you allow access. Grant permission, then reload the page if needed.

Can I record without microphone audio?

Yes. Select no microphone (or pick a different input) and record. Your browser may still create a silent track.

Why is the downloaded file WebM?

WebM is a common browser-friendly video format. If you need MP4, convert it with a video converter after downloading.

How can I estimate the file size before recording?

Use $S \approx \frac{R\,t}{8}$ with an estimated bitrate $R$ . The result is approximate.

Limitations / disclaimers

This tool depends on your browser’s Media APIs. Some browsers (or embedded webviews) may not support recording.

Recordings are intended for quick capture, not professional production. For editing, trimming, filters, or codec selection, use a dedicated tool.

This is not legal, medical, or professional advice. Be mindful of privacy laws and obtain consent when recording people.

External references / sources

Related Calculators

Chronometer

Use a simple chronometer (stopwatch) to track elapsed time down to milliseconds. Runs locally in your browser.

Try Now

Email normalizer

Normalize email addresses to a standard format for easier comparison. Useful for deduplication and data cleaning. Runs locally in your browser.

Try Now

ETA calculator

Estimate the time needed to consume a total amount at a constant rate, and get an expected end time. Runs locally in your browser.

Try Now

JWT parser

Parse and decode your JSON Web Token (JWT) and display its content. All computation runs locally in your browser.

Try Now

MIME types

Know which file extensions are associated to a MIME type, and which MIME type is associated to a file extension. Includes a full MIME types table.

Try Now

Lorem ipsum generator

Generate random Lorem Ipsum placeholder text with customizable paragraphs, sentences, and word counts. Runs locally in your browser.

Try Now