반응형 개발(인터렉티브)5 웹브라우저에서 카메라 보기 블로그에서 재밌는 페이지를 만들어보았다. 최신 버전의 브라우저라면 아래에 카메라를 통한 모습이 웹캠처럼 보일것이다. 브라우저에서 mediaDevices.getUserMedia 를 사용하여 카메라를 사용하여 컨트롤할 수가 있다. 카메라 켜기 카메라 끄기 아래는 샘플코드이다. 카메라 켜기 카메라 끄기 MediaDevices 카메라, 마이크와 같은 디바이스에 접근할 수 있는 방법을 제공한다. getUserMedia() API를 사용하야 원하는 미디어장치 스트림을 가져올 수가 있다. 여기서 video 에 대한 스트림을 가져와서 tag의 소스로 연결시켜줌으로써 카메라 입력을 화면에 보여주도록 하였다. 2023. 3. 26. 이전 1 2 다음 반응형