BrowserCaptureMediaStreamTrack: restrictTo()-Methode

restrictionTarget

Eine Instanz von RestrictionTarget, die das Element repräsentiert, auf das der Stream beschränkt werden soll, oder null/undefined, in welchem Fall jegliche zuvor gesetzte Einschränkung von der Spur entfernt wird.

Ein Promise, das zu undefined aufgelöst wird.

Das Promise wird abgelehnt, wenn:

• Der kind der Spur nicht "video" ist, oder ihr readyState nicht "live" ist.
• Das Ziel-Element der Einschränkung nicht mehr existiert.
• Die eingeschränkte Spur keine Spur ist, die vom Bildschirm des Benutzers aufgenommen wurde.
• restrictionTarget keine Instanz von RestrictionTarget, null oder undefined ist.
• restrictionTarget in einem anderen Tab erstellt wurde als dem, der aufgenommen wird.

// 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;

Sehen Sie Verwendung der Element-Capture- und Region-Capture-APIs für Beispielcode im Kontext.

Sie können die Einschränkung aufheben, indem Sie restrictTo() auf demselben Track aufrufen und null als Argument übergeben:

// Stop restricting
await track.restrictTo(null);

• Screen Capture API
• Verwendung der Element-Capture- und Region-Capture-APIs