Access Webcam using HTML5

by rluuan

HTML

<body>
    <div id="container">
        <video autoplay="true" id="videoElement">
        </video>
    </div>
</body>

CSS

#container {
    margin: 0px auto;
    width: 640px;
    height: 480px;
    border: 10px #aaa solid;
}
#webCam {
    width: 640px;
    height: 480px;
    background-color: #666;
}

JavaScript

var video = document.querySelector("#videoElement");
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
if (navigator.getUserMedia) {
    navigator.getUserMedia({video: true}, handleVideo, videoError);
}
function handleVideo(stream) {
    video.src = window.URL.createObjectURL(stream);
}
function videoError(e) {
    document.write("can't use the webcam");
}