Browser Screen Recording Without Extensions: The MediaRecorder API

You don't need OBS, Loom, or a Chrome extension to record your screen. The browser's MediaRecorder API, combined with getDisplayMedia, provides everything needed for screen recording. And since it runs entirely in the browser, nothing is uploaded to anyone's server. The API async function startRecording() { const stream = await navigator.mediaDevices.getDisplayMedia({ video: { mediaSource: 'screen' }, audio: true }); const recorder = new MediaRecorder(stream, { mimeType: 'video/webm;codecs=vp9' }); const chunks = []; recorder.ondataavailable = e => chunks.push(e.data); recorder.onstop = () => { const blob = new Blob(chunks, { type: 'video/webm' }); const url = URL.createObjectURL(blob); // Create download link }; recorder.start(); } getDisplayMedia prompts the user to select what to share: entire screen, a specific window, or a browser tab. The selection UI is browser-provided and can't be customized or bypassed (this is a security feature). Audio capture Screen recording with sy