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

 

https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_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);

 

 

그누보드강좌/영카트강좌 - 기초부터 적용까지 체계적인 영상강좌

프로그래밍 실력 확인하기

심심할 때 게임하자
PHP메뉴얼

By 웹학교