Key Technical Features

• getDisplayMedia: This is the heart of the tool. It prompts the user to select a specific window, tab, or the entire screen.

• Audio Merging: The script checks if you want your microphone included. If so, it uses getUserMedia and merges the audio tracks with the screen's video track into a single MediaStream.

• High-Quality Codecs: It attempts to use video/webm; codecs=vp9, which provides high resolution with smaller file sizes.

• State Management: The UI updates dynamically (Start -> Record -> Stop) to prevent errors like trying to record without a shared screen.

Critical Notes for Users

1. Browser Permissions: The browser will ask for permission twice if you enable the microphone (once for screen, once for mic).

2. HTTPS Requirement: Due to security policies, the Screen Capture API only works on localhost or sites served over HTTPS.

3. Local Environment: If you are testing this locally, just double-click the .html file; it will work on most modern browsers.

Would you like me to add a feature to record specific regions of the screen or perhaps an "Instant Mute" button for the microphone?

StreamCapture Pro

Record your screen and audio directly from the browser.

Ready to share

Include Microphone

Download Last Recording