캠을 이용하는 예제가 있는데 로컬에서 하면 화면이 나오지않아서 다음과 같이 했다. (당연히 캠은 설치되어 있어야 한다)
나의 작업환경.
- 노트북을 쓴다. (웹캠이 달려있다)
- 브라우저는 chrome이다.
- 운영체제는 윈도우7이다.
1. 테스트용 서버(Linux)에서 HTTP server를 돌렸다.
python -m SimpleHTTPServer 8888
2. index.html 파일을 만들고 다음과 같이 코딩.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function load() {
var video = document.getElementById('myVideo');
if (navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia({audio:true, video:true},
function(stream) { video.src = webkitURL.createObjectURL(stream); },
function(error) { alert('ERROR: ' + error.toString()); } );
} else {
alert('webkitGetUserMedia not supported');
}
}
</script>
</head>
<body onload="load()">
<video width="100%" height="100%" autoplay="autoplay" id="myVideo" />
</body>
</html>
3. 이제 브라우저로 접속(http://serverip:8888)하면 캠으로 내 모습이 보인다. 인증샷.
이렇게 간단한 코딩으로 캠을 이용할 수 있다니..
참고링크: 요기
'프로그래밍 > HTML5' 카테고리의 다른 글
| [HTML5] PeerConnection을 이용한 1:1 영상통화 구현 (4) | 2012.06.25 |
|---|---|
| [HTML5] WebSocket을 이용한 초간단 채팅 (0) | 2012.06.20 |
| [HTML5] WebSocket echo 테스트 / 서버설치 (0) | 2012.06.20 |
| [HTML5] 위치정보 사용하기 (0) | 2012.06.18 |
| [HTML5] jWebSocket 이용하기 (0) | 2012.06.01 |
