CropTarget
CropTarget 介面是 螢幕捕獲 API 的一部分,提供了一個靜態方法 fromElement(),該方法返回一個 CropTarget 例項,可用於將捕獲的影片軌道裁剪到指定元素渲染的區域。
靜態方法
fromElement()實驗性-
返回一個
CropTarget例項,可用於將捕獲的影片軌道裁剪到指定元素渲染的區域。
示例
js
// Options for getDisplayMedia()
const displayMediaOptions = {
preferCurrentTab: true,
};
// Create crop target from DOM element
const demoElem = document.querySelector("#demo");
const cropTarget = await CropTarget.fromElement(demoElem);
// Capture video stream from user's webcam and isolate video track
const stream =
await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
const [track] = stream.getVideoTracks();
// Crop video track
await track.cropTo(cropTarget);
// Broadcast cropped stream in <video> element
videoElem.srcObject = stream;
有關上下文中的示例程式碼,請參閱 使用元素捕獲和區域捕獲 API。
規範
| 規範 |
|---|
| 區域捕獲 # crop-target |
瀏覽器相容性
載入中…