Web API: API захвата экрана

Screen Capture API, как следует из названия, позволяет захватывать содержимое экрана, что делает процесс создания экранных записей крайне простым.

Для отображения захваченного экрана необходим элемент video.

<video id="video" autoplay>
  Your browser doesn't support HTML5.
</video>
<button id="start" >Начать запись</button>

Кнопка Начать запись запускает захват экрана.

const video = document.getElementById("video");
const startBtn = document.getElementById("start");

async function startRecording() {
  video.srcObject =
    await navigator.mediaDevices.getDisplayMedia({
      video: true,
      audio: true,
    });
}

startBtn.addEventListener("click", startRecording);

API захвата экрана доступен в современных браузерах и может быть использован для создания различных приложений, таких как инструменты для обучения, видеоконференции и многое другое. Однако, стоит учитывать, что пользователь должен дать разрешение на захват экрана для каждого использования, что может привести к ухудшению опыта использования приложения.