camera.js
document.addEventListener('DOMContentLoaded', function(){
const vedio = document.querySelector("#video");
// 권한 확인
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia)[
// 카메라 비디오 스트림 요청
navigator.mediaDevices.getUserMedia({vedio:true})
.then(function(stream){
// video 요소에 스트림 연결
video.srcObject = stream
})
.catch(function(error) {
console.error('권한을 받지 못했습니다.', error)
})
} else {
alert('기능이 지원되지 않는 브라우저입니다.')
}
})video.html
<body>
<h1>카메라 보기</h1>
<video id="video" width="640" height="480" autoplay></video>
</body>navigator 객체
- 디바이스, 주소 표시줄, 주소의 경로 등의 정보를 갖고 있는 객체
취준 진입