Javascript Screen Capture API

Javascript Screen Capture API > 365ok IT뉴스

365ok IT뉴스

Javascript Screen Capture API 정보

Javascript Screen Capture API

Screen Capture API는 기존 Media Capture 및 Streams API에 추가 기능을 도입하여 사용자가 화면 또는 화면의 일부를 선택하여 미디어 스트림으로 캡처할 수 있도록 합니다.

HTML:

<video id="preview" autoplay>
Your browser doesn't support HTML5.
</video>
<button id="start" class="btn">Start</button>

Javascript:

const previewElem = document.getElementById("preview");
const startBtn = document.getElementById("start");

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

startBtn.addEventListener("click", startRecording);