Classic tutorial
- Input
- Círculo, canto inferior direito, 20%
- Expected output
- Webcam pequena e discreta
The most common format in teaching videos, does not cover the main screen content.
Carregando ferramenta… / Loading tool…
record screen and webcam at the same time
The "big screen with the webcam in a corner" format is the standard for tutorials, lessons, and reaction videos. Instead of recording two separate videos and merging them later in an editor, this tool composites both streams onto a canvas in real time, recording the already-finished result as a single file.
The most common format in teaching videos, does not cover the main screen content.
Useful when facial expression is an important part of the content.
Always WebM. The browser records natively in that format through MediaRecorder, producing MP4 would require converting the video afterward, a heavy process that either freezes the tab (in a build without origin isolation) or needs resources that would hurt the rest of the site's loading. WebM is open, has excellent quality with the VP9 codec, and plays natively in practically every modern browser and player, including VLC.
No: the overlay's position, shape, and size are decided during recording, since they are already drawn into the final video's frames. Stop the recording, adjust the position you want, and record again if you need different placement.
A little: compositing the screen and webcam onto a canvas every frame uses more CPU than recording the screen alone, so on weaker computers it may help to lower the resolution or frame rate in the quality section.
The screen capture API (getDisplayMedia) or the recording API (MediaRecorder) is not available in this browser or device. Try an up-to-date desktop browser, such as Chrome, Edge, or Firefox.
Everything happens in your browser: screen capture, audio mixing, recording, and trimming. No video, audio, or captured frame is ever sent to any server.