Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
CropTarget
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
DieCropTarget-Schnittstelle derScreen Capture API bietet eine statische Methode,fromElement(), die eineCropTarget-Instanz zurückgibt. Diese kann verwendet werden, um eine erfasste Video-Spur auf den Bereich zuzuschneiden, in dem ein angegebenes Element gerendert wird.
Statische Methoden
fromElement()ExperimentellGibt eine
CropTarget-Instanz zurück, die verwendet werden kann, um eine erfasste Video-Spur auf den Bereich zuzuschneiden, in dem ein angegebenes Element gerendert wird.
Beispiele
// Options for getDisplayMedia()const displayMediaOptions = { preferCurrentTab: true,};// Create crop target from DOM elementconst demoElem = document.querySelector("#demo");const cropTarget = await CropTarget.fromElement(demoElem);// Capture video stream from user's webcam and isolate video trackconst stream = await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);const [track] = stream.getVideoTracks();// Crop video trackawait track.cropTo(cropTarget);// Broadcast cropped stream in <video> elementvideoElem.srcObject = stream;SieheVerwendung der Element Capture und Region Capture APIs für ein Beispiel im Kontext.
Spezifikationen
| Specification |
|---|
| Region Capture # crop-target |