CaptureController: zoomlevelchange-Ereignis
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das zoomlevelchange-Ereignis der CaptureController-Schnittstelle wird ausgelöst, wenn sich die Zoomstufe der erfassten Anzeigefläche ändert.
Dies geschieht insbesondere, wenn:
- Die Methoden
increaseZoomLevel(),decreaseZoomLevel()oderresetZoomLevel()auf einem Controller aufgerufen werden, der eine erfasste Anzeigefläche aktiv steuert. - Die benutzende Person die Zoomstufe auf der erfassten Anzeigefläche ändert.
- Die benutzende Person zu einer anderen erfassten Anzeigefläche mit einer anderen Zoomstufe wechselt.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("zoomlevelchange", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onzoomlevelchange = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Grundlegende Verwendung von zoomlevelchange
Wenn sich die Zoomstufe einer erfassten Anzeigefläche ändert, wird auf dem Controller ein zoomlevelchange-Ereignis ausgelöst. Damit kann ein Event-Handler wie der folgende ausgeführt werden. Dieser schreibt die aktualisierte Zoomstufe in ein Ausgabeelement.
// Create controller and start capture
const controller = new CaptureController();
videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia({
controller,
});
// ...
controller.addEventListener(
"zoomlevelchange",
() => (outputElem.textContent = `${controller.zoomLevel}%`),
);
Ein vollständiges, funktionsfähiges Beispiel finden Sie unter Verwenden der Captured Surface Control API.
Spezifikationen
| Spezifikation |
|---|
| Captured Surface Control # dom-capturecontroller-onzoomlevelchange |