// SCREEN + MICROPHONE · MIXED INTO ONE FILE · NO INSTALL
Recording your screen is useful, but recording your screen with your voice explaining what is happening is far more valuable. This screen recorder with audio combines two browser APIs: getDisplayMedia for screen capture and getUserMedia for microphone input. Both streams are mixed together using the Web Audio API, producing a single video file that contains your screen visuals and your spoken narration synchronized perfectly.
The audio mixing happens entirely inside your browser. Your microphone signal and the screen capture are fed into an AudioContext, combined at the destination node, and attached to the MediaRecorder alongside the video track. The result is a standard WebM file that plays anywhere. There is no cloud processing, no upload step, and no account required. Toggle the mic on, click record, and talk through whatever you are showing on screen.
Step 1: Enable the "Include microphone audio" toggle above the record button. This tells the tool to request microphone access in addition to screen access.
Step 2: Click Start Recording. Your browser first asks which screen, window, or tab to capture. Then it requests microphone permission if not already granted. Both streams start simultaneously.
Step 3: The Web Audio API creates a mixing node. Your microphone audio and any system/tab audio from the screen share are combined into one audio track. This mixed track is paired with the video track from getDisplayMedia.
Step 4: When you stop, the recorder assembles the WebM file from the collected chunks. The preview shows your recording with synchronized audio. Download it and share it.
Software tutorials become much clearer when the viewer can hear the instructor explain each step while watching the screen. Instead of annotating screenshots or writing paragraphs of text, record a 2-minute video that shows and tells simultaneously.
Code reviews and pull request walkthroughs are more effective as screen recordings with commentary. A developer can open the diff, walk through the changes on screen, explain their reasoning out loud, and share the video with the team.
Asynchronous feedback on design mockups works best when the reviewer can point at specific elements while explaining their thoughts. A screen recording with audio captures both the visual reference and the spoken critique in one deliverable.
Many free screen recorders either skip audio entirely or charge for the audio mixing feature. Others require installing desktop software (OBS, ShareX) and configuring audio sources manually. This tool handles the audio mixing automatically in the browser. Enable the toggle, record, done.
The mixed audio is captured at the same sample rate as the original sources and encoded with Opus, which delivers excellent quality at low bitrates. There is no quality loss from the mixing step, and the resulting file is compact enough to email or upload to a messaging platform.