How to record your screen and webcam at the same time

The short answer

Use a recorder that captures the screen and the camera in a single recording. In Creator Recorder, open the Studio, choose a screen-and-camera mode, allow camera and microphone access, pick what to share, place the camera bubble and record. Download a short test first and confirm the screen, your face and your voice in the saved file.

Recording both at once keeps the picture and sound in sync by itself. Recording the screen and camera separately and joining them later means extra editing, and the two clips can drift apart.

1. Decide what the camera adds

Use the webcam when your presence helps the viewer: an introduction, an explanation of a tricky step, or a reaction. For a dense demonstration, keep the camera small so the screen stays readable, or leave it out entirely.

Plan the layout before the take. A combined recording is one video file, so you cannot move the camera view afterwards the way you could in an editor with separate clips.

2. Set up screen and webcam in Creator Recorder

1. Open the Studio in Chrome or Edge on your computer and choose a mode that includes the camera, such as YouTube or Tutorial.
2. Allow camera and microphone access when the browser asks, and select the webcam and microphone you will actually use.
3. Choose what to share: a browser tab, an application window or your whole screen.
4. Set the camera bubble shape, size and corner before recording. You can switch layouts while recording if the video needs it.
5. Let the countdown finish, then record.

No webcam, or a weak laptop camera? The Studio can use your phone as the camera instead - see the phone camera guide.

3. Frame the shot for a combined video

Put the webcam at eye level and light your face from the front. Keep the bubble in a corner that stays clear of the menus, buttons or code you will click. Check that screen text stays readable next to the bubble at the size your viewers will watch.

For bubble placement, lighting and framing detail, use the facecam setup guide. For general camera quality and background, the camera setup guide goes deeper.

4. Sort the sound before the take

Select the microphone you plan to use and record a spoken sample at teaching volume. Creator Recorder mixes the microphone and any captured screen sound into the video's single audio track, so the balance you test is the balance viewers hear.

The record with sound guide covers capturing tab or app sound alongside your voice, and the microphone setup guide covers placement and input choice.

5. Test, then record the real take

1. Record fifteen to twenty seconds: speak normally, move the pointer through the areas you will use and click once or twice.
2. Stop and download the test file.
3. Watch the saved file, not only the preview. Confirm the screen is sharp, the bubble is framed and clear of controls, and your voice matches your picture.
4. Record the real take in the same sitting so nothing drifts between sessions.

If the test shows a mistake, change one setting at a time and retest. After the real take, the trimming guide covers cleaning the start, end and any middle mistake.

Screen and webcam checklist

• Screen-and-camera mode selected in the Studio.
• Correct webcam and microphone chosen.
• Bubble shape, size and corner set for this video.
• Bubble clear of the controls you will use.
• Face lit from the front, camera at eye level.
• Test file downloaded and both sources confirmed.

Common questions

Sources and related guides

Creator Recorder's recording modes, camera layouts and audio mixing were verified in the product source on 19 October 2026. Browser capture behaviour was cross-checked against MDN's getDisplayMedia and getUserMedia documentation the same day. Labels and defaults can change, so confirm against the current Studio before an important recording.