RestrictionTarget
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das RestrictionTarget-Interface der Screen Capture API bietet eine statische Methode, fromElement(), die eine RestrictionTarget-Instanz zurückgibt. Diese Instanz kann verwendet werden, um eine aufgenommene Videospur auf ein bestimmtes DOM-Element zu beschränken.
Statische Methoden
fromElement()Experimentell-
Gibt eine
RestrictionTarget-Instanz zurück, die verwendet werden kann, um eine aufgenommene Videospur auf ein bestimmtes DOM-Element (sowie dessen Nachfahren) zu beschränken.
Beispiele
js
// Options for getDisplayMedia()
const displayMediaOptions = {
preferCurrentTab: true,
};
// Create restriction target from DOM element
const demoElem = document.querySelector("#demo");
const restrictionTarget = await RestrictionTarget.fromElement(demoElem);
// Capture video stream from user's webcam and isolate video track
const stream =
await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
const [track] = stream.getVideoTracks();
// Restrict video track
await track.restrictTo(restrictionTarget);
// Broadcast restricted stream in <video> element
videoElem.srcObject = stream;
Siehe Verwendung der Element Capture und Region Capture APIs für ein Beispiel im Kontext.
Spezifikationen
| Specification |
|---|
| Element Capture # dom-restrictiontarget |
Browser-Kompatibilität
BCD tables only load in the browser