MediaTrackSupportedConstraints: logicalSurface property

Khả dụng hạn chế

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Thuộc tính logicalSurface của từ điển MediaTrackSupportedConstraints cho biết ràng buộc logicalSurface có được user agent và thiết bị nơi nội dung đang được sử dụng hỗ trợ hay không.

Danh sách các ràng buộc được hỗ trợ được lấy bằng cách gọi navigator.mediaDevices.getSupportedConstraints().

Giá trị

Giá trị boolean là true nếu ràng buộc logicalSurface được thiết bị và user agent hỗ trợ.

Phương thức này thiết lập đối tượng ràng buộc chỉ định các tùy chọn cho lệnh gọi getDisplayMedia(). Nó thêm ràng buộc logicalSurface (yêu cầu chỉ các bề mặt hiển thị logic - những bề mặt có thể không hoàn toàn hiển thị trên màn hình - được đưa vào các tùy chọn có sẵn cho người dùng) chỉ khi được biết là được hỗ trợ bởi trình duyệt. Sau đó bắt đầu chụp bằng cách gọi getDisplayMedia() và gắn luồng được trả về vào phần tử video được tham chiếu bởi biến videoElem.

async function capture() {
  const supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
  const displayMediaOptions = {
    video: {},
    audio: false,
  };

  if (supportedConstraints.logicalSurface) {
    displayMediaOptions.video.logicalSurface = "monitor";
  }

  try {
    videoElem.srcObject =
      await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
  } catch (err) {
    /* xử lý lỗi */
  }
}