본문 바로가기
ETC.../Web

[HTML5] 캠(cam) 이용하기

by izen8 2013. 8. 1.
반응형

출처 - 여기     여기



1. 테스트용 서버(Linux)에서 HTTP server를 돌렸다.

# service httpd start


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)하면 캠으로 내 모습이 보인다.




반응형

댓글