CaptureController: resetZoomLevel() method
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The CaptureController interface's resetZoomLevel() method resets the captured display surface's zoom percentage to its initial level, which is 100.
Syntax
resetZoomLevel()
Parameters
None.
Return value
Exceptions
NotAllowedErrorDOMException-
The operation is disallowed by a
captured-surface-controlPermissions Policy.
Examples
Basic resetZoomLevel() usage
The following snippet adds an event listener to a button so that when it is clicked, the resetZoom() function is called. This in turn calls the resetZoomLevel() method, resetting the captured surface's zoom level to 100.
// Create controller and start capture
const controller = new CaptureController();
videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia({
controller,
});
// ...
resetBtn.addEventListener("click", resetZoom);
async function resetZoom() {
controller.resetZoomLevel();
}
See Using the Captured Surface Control API for a full working example.
Specifications
| Specification |
|---|
| Captured Surface Control # dom-capturecontroller-resetzoomlevel |