CaptureController: zoomLevel-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die schreibgeschützte zoomLevel-Eigenschaft der CaptureController-Schnittstelle gibt den aktuellen Zoomfaktor der erfassten Anzeigefläche zurück.

Wert

Eine Zahl, die den aktuellen Zoomfaktor der erfassten Anzeigefläche darstellt.

In unserem Live-Demo, gezeigt in Verwendung der Captured Surface Control API, verwenden wir die zoomLevel-Eigenschaft innerhalb einer Ereignisbehandlungsfunktion für das zoomlevelchange-Ereignis des Controllers. Wenn das Ereignis ausgelöst wird, wird der aktualisierte zoomLevel in ein <output>-Element geschrieben.

// Create controller and start capture
const controller = new CaptureController();
videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia({
 controller,
});
// ...
controller.addEventListener(
 "zoomlevelchange",
 () => (outputElem.textContent = `${controller.zoomLevel}%`),
);

Siehe Verwendung der Captured Surface Control API für ein vollständiges Beispiel.