Colin's Blog
웹 브라우저에서 미디어 스트림을 캡처하는 방법

웹 브라우저에서 미디어 스트림을 캡처하는 방법에는 다양한 옵션이 있습니다. 미디어 스트림은 웹캠, 마이크 등의 기기에서 실시간으로 읽은 비디오 및 오디오 데이터를 말합니다. 이러한 스트림을 캡처하면 웹 애플리케이션에서 화상 통화, 녹음 등 다양한 기능을 구현할 수 있습니다.

다음은 웹 브라우저에서 미디어 스트림을 캡처하는 방법의 예시 코드입니다. 아래 예시는 JavaScript를 사용하여 웹캠에서 비디오 스트림을 캡처하는 방법을 보여줍니다.

navigator.mediaDevices.getUserMedia({ video: true })
  .then(function (stream) {
    // 비디오 스트림을 성공적으로 캡처한 경우
    var videoElement = document.createElement('video');
    videoElement.srcObject = stream;
    document.body.appendChild(videoElement);
  })
  .catch(function (error) {
    // 비디오 스트림 캡처에 실패한 경우
    console.error('Error capturing video stream: ', error);
  });

위의 코드에서 getUserMedia 함수는 웹캠에서 비디오 스트림을 얻는 데 사용됩니다. video: true 옵션을 통해 웹캠에서 비디오 스트림을 캡처합니다. 캡처된 스트림은 stream 변수에 저장되며, 이를 사용하여 비디오 요소를 생성하고 srcObject 속성을 통해 스트림을 비디오 요소에 할당합니다. 캡처된 스트림은 웹페이지에서 사용할 수 있게 됩니다.

이 외에도 웹 브라우저에서 오디오 스트림을 캡처하는 방법도 제공됩니다. getUserMedia 함수를 사용하고 audio: true 옵션을 추가하여 오디오 스트림을 캡처할 수 있습니다.

위의 예시 코드는 웹 브라우저에서 미디어 스트림을 캡처하는 간단한 방법을 보여줍니다. 자세한 내용 및 다른 옵션에 대해서는 웹 브라우저의 개발자 문서를 참조하는 것이 좋습니다.

참고 자료

#web #javascript

© 2018 Colin. All rights reserved.