MediaTrackSupportedConstraints: displaySurface 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 displaySurface của từ điển MediaTrackSupportedConstraints cho biết ràng buộc displaySurface 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 displaySurface đượ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 displaySurface (yêu cầu chỉ cho phép chia sẻ toàn màn hình) 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() {
  let supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
  let displayMediaOptions = {
    video: {},
    audio: false,
  };

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

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