Camera overlay for a process documentation clip

A process clip is easier to follow when viewers can see the steps and hear why you are taking them. A camera overlay adds your face to the screen recording, but a poorly placed overlay can hide a menu or make text hard to read.

Use the Screen Recorder to capture your screen, camera, and sound in one browser recording. A short setup check helps you catch framing, permission, and audio problems before you record the full walkthrough.

Set up the camera overlay and record a test

1. Open the Screen Recorder on a computer. Screen Recorder does not work on phones. Decide which part of the process to show, and close unrelated windows or documents before you begin.
2. Choose whether to capture the full screen, a window, or a browser tab. Select the smallest area that shows the process clearly. If you need to demonstrate switching between apps, capture the full screen or the relevant window rather than a single tab.
3. Allow camera access when the browser asks, then enable the camera overlay. Position it over an unused area, not over buttons, menus, labels, or important status messages. Keep your face large enough to see without making the overlay the main focus.
4. Enable the microphone if you will explain the steps, and include the relevant computer or tab sound if the process depends on it. Speak at your normal distance and keep your voice steady. A short test makes it easier to check that both narration and any needed system sound are present.
5. Record a brief sample. Play it back and check the screen, overlay, and sound together. If each part is clear, record the full walkthrough at a steady pace, pausing briefly before and after important actions.

For a software setup walkthrough, show the starting state, perform one action at a time, and leave each result on screen long enough to read. For more guidance on structuring that kind of demonstration, see How to record a software setup walkthrough.

What the test recording tells you

The overlay covers an important control

The camera is visible, but its position interferes with the demonstration. Move it to a quieter corner of the image or change the capture area so the important part of the workflow remains visible. Check the whole recording frame, not just the area where you expect the action to happen.

The overlay is missing or black

The screen capture may be working while the browser cannot use the camera. Check the camera permission for the site and make sure the intended camera is connected and not covered by a privacy shutter. If another app is using the camera, close that app and test again.

Your voice is hard to hear, or system sound is absent

These are separate audio sources. A clear voice recording does not confirm that tab or computer sound was captured, and system sound does not confirm that the microphone was included. Test each source you need and listen to the playback before recording the full process.

The image or sound becomes choppy

Capturing a screen, camera, and audio at once can put extra load on a computer. Close demanding programs and unnecessary browser tabs, then make another short sample. If only a particular app or video looks choppy, simplify the capture area and avoid running other heavy tasks at the same time.

Fix camera overlay or recording problems

1. Check the browser's site permissions. Select the site controls icon beside the address bar and allow camera and microphone access for TooLab if you need those devices. Reload the page after changing a permission.
2. Allow camera and microphone access in the operating system. In Windows 11, open Settings › Privacy & security › Camera and Settings › Privacy & security › Microphone. Turn on access for the device and allow desktop apps to use it. On macOS, open System Settings › Privacy & Security › Camera and System Settings › Privacy & Security › Microphone, then allow your browser.
3. Allow screen recording on a Mac if the capture is blank. Open System Settings › Privacy & Security › Screen & System Audio Recording, or Screen Recording on some macOS versions, and allow the browser. Quit and reopen the browser if macOS asks you to do so.
4. Close other camera or microphone apps. Quit video meeting, recording, or camera apps that may be holding a device. Then reopen the recorder and check the preview again.
5. Reconnect the camera or headset. For a USB device, try another port and check that the cable is secure. For Bluetooth equipment, confirm it is connected and selected as the intended input or output.
6. Make the capture lighter. Close unused tabs and applications, and choose a single window or tab instead of the full screen when that is enough. Restart the browser if the preview remains frozen after closing other apps.

Make the clip easier to follow

Before recording, remove private information from the areas viewers will see. Close personal messages, hide unrelated tabs, and avoid typing passwords or customer details on camera. If you need to show a real workflow, use sample data where possible.

Keep the camera overlay consistent throughout the clip. Do not move it over an important control while explaining an action. If the interface changes between steps, pause and check that the overlay still leaves the relevant area visible.

Speak the action and the result, not every movement of the pointer. For example, explain what you are changing, make the change, then leave the result on screen for a moment. If you plan to edit the recording later, a short pause between sections makes it easier to find clean cut points.

The Screen Recorder runs in your browser. Recordings stay on your device, and nothing you record is uploaded.