Region capture

When using navigator.mediaDevices.getDisplayMedia() to capture a browser tab as a video stream, the region capture API allows you to crop the video to the bounding box of a given element. In contrast to the element capture API, any content that overlays that element is also captured.

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

Desktop Browser Engine Support

Google Chrome

104

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

104

Supported

Mobile Browser Engine Support

Chrome Android

—

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.BrowserCaptureMediaStreamTrack ↗ api.BrowserCaptureMediaStreamTrack.clone ↗ api.BrowserCaptureMediaStreamTrack.cropTo ↗ api.CropTarget ↗ api.CropTarget.fromElement_static ↗