MediaTrackSupportedConstraints: свойство logicalSurface

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

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

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

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

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