MediaTrackSupportedConstraints: свойство displaySurface

Свойство displaySurface словаря MediaTrackSupportedConstraints указывает, поддерживает ли пользовательский агент и устройство, на котором используется контент, ограничение displaySurface.

Список поддерживаемых ограничений получается при вызове navigator.mediaDevices.getSupportedConstraints().

Булево значение, которое равно true в случае, если ограничение displaySurface поддерживается устройством и пользовательским агентом.

Этот метод настраивает объект ограничений, определяя параметры для вызова getDisplayMedia(). Он добавляет ограничение displaySurface (запрашивая разрешение только на совместное использование всего экрана) только в том случае, если известно, что браузер его поддерживает. Затем захват начинается путем вызова getDisplayMedia() и прикрепления возвращенного потока к элементу видео, на который ссылается переменная 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) {
    /* handle the error */
  }
}

• API записи экрана
• Использование API записи экрана
• Возможности, ограничения и параметры
• MediaDevices.getDisplayMedia()
• MediaStreamTrack.getConstraints()
• MediaStreamTrack.applyConstraints()
• MediaStreamTrack.getSettings()