Some videos just connect better when viewers can see your face. A screen recording with a small webcam overlay in the corner — the format popularised by Loom — feels personal and trustworthy, which is why it has become the default for product demos, tutorials, async team updates, and online teaching.
You do not need a fancy app or two cameras to make one. A browser recorder can composite your webcam over your screen capture into a single video, free and with no watermark. Here is how.
What you are actually creating
A "screen + webcam" recording layers two sources into one file:
- The screen capture — your slides, app, or browser, filling the frame.
- The webcam overlay — a small circular or rounded rectangle in a corner showing your face.
Both are recorded together in real time, so there is no editing or syncing afterwards.
Step-by-step setup
- Open Screen Recorder Pro in Chrome or Edge.
- Enable the Camera and the Microphone. When the browser asks, click Allow for both.
- A webcam bubble appears on screen. Drag it to a corner that does not cover anything important.
- Click Start Recording and choose to share your Entire Screen, a Window, or a Tab.
- Present as normal. Your face stays in the corner the whole time.
- Click Stop, preview the combined video, and download it as MP4 or WebM.
Framing and lighting that look professional
- Face a window or light source. Front lighting beats a bright window behind you, which turns your face into a silhouette.
- Raise your camera to eye level. Propping a laptop up avoids the unflattering up-the-nose angle.
- Keep the overlay small. It should add a human touch, not dominate the screen.
- Use a tidy background or sit far enough from clutter that it falls out of focus.
Getting your audio right
For a talking-head tutorial you usually want your microphone on. If you are also demonstrating something that plays sound — a video, an app, a game — enable system audio as well. Our guide to recording internal audio in a browser explains how to combine both cleanly.
Where this format shines
| Use case | Why the overlay helps |
|---|---|
| Product demos | Builds trust by putting a face to the pitch |
| Online teaching | Keeps students engaged with a present instructor |
| Async team updates | Warmer and clearer than a wall of text |
| Code or design reviews | Tone of voice and expression add nuance |
On an older machine, keep the recording at 720p/30 FPS so the camera and screen stay smooth — see our notes on the best setup for low-end PCs. Ready to put your face on screen? Start a free screen + webcam recording now.
Frequently Asked Questions
How do I record my screen and webcam together for free?
Use a browser recorder with a webcam overlay: enable both the screen capture and your camera, position the camera bubble in a corner, and record. Screen Recorder Pro does this free with no watermark.
What is a Loom-style video?
It is a screen recording with a small circular or rounded webcam overlay in a corner, so viewers see both your screen and your face. It makes tutorials and async updates feel more personal.
Where should I place the webcam overlay?
A bottom corner usually works best — it keeps your face visible without covering toolbars, menus, or the content you are demonstrating. Move it if it overlaps something important.
Can I record screen and webcam on a laptop with one camera?
Yes. Your laptop's built-in webcam is all you need; the recorder composites the camera feed over the screen capture into a single video.
