Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/en-US/docs/Web/API/CaptureController/zoomlevelchange_event below:

CaptureController: zoomlevelchange event - Web APIs

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The zoomlevelchange event of the CaptureController interface is fired when the captured display surface's zoom level changes.

Specifically, this occurs when:

• The increaseZoomLevel(), decreaseZoomLevel(), or resetZoomLevel() methods are called on a controller that is actively controlling a captured display surface.
• The user changes the zoom level in the captured surface.
• The user changes the captured display surface to another one that has a different zoom level.

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("zoomlevelchange", (event) => { })

onzoomlevelchange = (event) => { }

A generic Event.

When a captured display surface's zoom level changes, a zoomlevelchange event fires on the controller, which can be used to run an event handler such as the following. This writes the updated zoom level to an output element of some kind.

// Create controller and start capture
const controller = new CaptureController();
videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia({
  controller,
});

// ...

controller.addEventListener(
  "zoomlevelchange",
  () => (outputElem.textContent = `${controller.zoomLevel}%`),
);

See Using the Captured Surface Control API for a full working example.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4