RestrictionTarget
RestrictionTarget 接口是 屏幕捕获 API (Screen Capture API) 的一部分,它提供了一个静态方法 fromElement()。该方法返回一个 RestrictionTarget 实例,可用于将捕获的视频轨道限制到指定的 DOM 元素。
静态方法
fromElement()实验性-
返回一个
RestrictionTarget实例,该实例可用于将捕获的视频轨道限制到指定的 DOM 元素(及其后代)。
示例
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;
有关上下文中的示例代码,请参阅 使用元素捕获和区域捕获 API。
规范
| 规范 |
|---|
| 元素捕获 # dom-restrictiontarget |
浏览器兼容性
加载中…