Blog · March 2026 · 4 min read

Free Screen Recorder with Webcam —
Record Both at Once

A screen recording with your face in it lands differently than one without. The viewer knows there's a person behind it. They can read your expression when something breaks, see your reaction when something works well, and follow along with your energy rather than a silent cursor moving across a screen. It's the difference between a video and a presence.

The format — screen recording with a webcam bubble in the corner — was popularized by Loom. But you don't need Loom, and you don't need to pay for it. Record Your Screen Free does this for free, in your browser, with no extension and no account.

How to record your screen and webcam at the same time

  1. Open the recorder. Go to recordyourscreenfree.com in Chrome, Edge, or Firefox. No install needed.
  2. Toggle on "Webcam picture-in-picture." You'll see this option on the recorder card alongside the microphone toggle. Enable it before you start.
  3. Toggle on microphone audio if you want to narrate — recommended for walkthroughs and demos.
  4. Click Start Recording. Your browser will ask for screen share permission first, then webcam permission. Grant both.
  5. Record. Your webcam feed appears as a circular bubble in the bottom-right corner of the recording. The rest of the frame is your screen.
  6. Stop and download. Click Stop when you're done. Your video downloads immediately as a single .webm file with both feeds composited together.

Why the face-in-corner format works

There's a reason this layout became the standard for async video communication. It solves a real problem: screen recordings without a face feel impersonal and can be hard to follow. But a full talking-head video wastes time on things you'd need to describe verbally rather than show.

The picture-in-picture format gets the best of both. Your screen shows the actual work — the app, the bug, the design, the code. Your face provides the human context — the tone, the emphasis, the "this is the important part" that a cursor alone can't communicate. Viewers process both streams simultaneously without either one getting in the way of the other.

For async communication specifically, a face bubble increases watch-through rates. People are more likely to watch a recording to the end when they can see the person who made it.

When to use screen + webcam recording

Demos and walkthroughs

Showing a product to a potential customer or walking a new hire through a tool is much warmer with a face visible. It feels like a guided tour rather than a screencast. Your expressions fill in the emphasis that written narration can't convey — you can visibly react to the thing you're showing, which helps the viewer know where to focus.

Async video updates

A weekly update recording where your face is visible feels like a message from a person, not a system-generated report. For distributed teams especially, this kind of presence goes a long way. Two minutes of you on camera showing what you shipped this week has more impact than a bulleted Slack message, even if the content is identical.

Tutorial content

For tutorials published externally — YouTube, a help center, a course — a face bubble signals that a human made this. It builds trust with new viewers who haven't seen your content before. It also makes the pacing feel more natural, because viewers unconsciously calibrate their attention to the presenter's energy.

Code reviews and technical feedback

Explaining a pull request or reviewing someone's code verbally, with your face visible, changes the register entirely. It's clearly feedback from a colleague, not a comment thread. The same words feel less harsh and more collaborative when they're delivered by a person you can see.

Screen-only vs. screen + webcam: when to skip the camera

The webcam isn't always the right call. There are situations where screen-only recording is better:

  • Bug reports. The developer needs to see exactly what happened on screen, without distraction. A face bubble adds no useful information to a bug reproduction recording and can obscure the UI in the corner.
  • Quick how-to clips. A 30-second "here's how to do X" recording where you're just clicking through a flow doesn't need your face. The face adds value when there's a human angle to communicate — enthusiasm, concern, context. A procedural clip doesn't have that.
  • Bad lighting or environment. A poor webcam feed is worse than no webcam feed. If you're in a dark room or a noisy-looking background, skip the camera for that recording.

Technical note: how it works without an extension

Most people assume you need a dedicated app or extension to composite two video feeds together. You don't. Modern browsers support both the Screen Capture API (for display capture) and getUserMedia (for webcam access) natively. Record Your Screen Free uses both simultaneously, draws both feeds onto a hidden HTML canvas — screen as the base layer, webcam cropped into a circle on top — and records the canvas output as a single video stream.

Everything happens locally in your browser. The recording is never uploaded anywhere. Your webcam feed and your screen content stay on your device and download directly to your computer when you stop.

Privacy: your webcam feed stays local

When you enable webcam recording, the camera feed is used only to composite the circle into the video. It is not streamed to a server, not stored in a cloud account, and not processed anywhere outside your browser. The only output is the .webm file that downloads to your device. If you decide you don't want the webcam in a recording, just leave the toggle off — the screen records the same either way.

More from the blog

Screen and webcam.
Free, in your browser.

Toggle on webcam picture-in-picture and hit record. No extension, no account, no watermark.

Start Recording Free