Screen capture

The navigator.mediaDevices.getDisplayMedia() method asks the user to choose a screen or portion of a screen (such as a window) to capture as a media stream.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

72

Supported

Mozilla Firefox

33

Supported

Apple Safari

13

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

—

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.CaptureController ↗ api.CaptureController.CaptureController ↗ api.CaptureController.setFocusBehavior ↗ api.MediaDevices.getDisplayMedia ↗ api.MediaDevices.getDisplayMedia.audio_capture_support ↗ api.MediaDevices.getDisplayMedia.controller_option ↗ api.MediaDevices.getDisplayMedia.monitorTypeSurfaces_option ↗ api.MediaDevices.getDisplayMedia.selfBrowserSurface_option ↗ api.MediaDevices.getDisplayMedia.surfaceSwitching_option ↗ api.MediaDevices.getDisplayMedia.systemAudio_option ↗ api.MediaStreamTrack.applyConstraints.displaySurface_constraint ↗ api.MediaStreamTrack.applyConstraints.logicalSurface_constraint ↗ api.MediaStreamTrack.applyConstraints.suppressLocalAudioPlayback_constraint ↗ html.elements.iframe.allow.display-capture ↗ http.headers.Permissions-Policy.display-capture ↗