Access Web Cam using JS

Just use browser mediaObject to access the web cam.

Following example tested in chrome browser.

<!DOCTYPE html>

    <meta charset="utf-8">
    <meta content="stuff, to, help, search, engines, not" name="keywords">
    <meta content="What this page is about." name="description">
    <meta content="Display Webcam Stream" name="title">
    <title>Display Webcam Stream</title>

        #videoElement {
            width: 100vw;
            height: 100vh;
            background-color: #666;

    <div id="container">
        <video autoplay="true" id="videoElement"></video>
        var video = document.querySelector("#videoElement");

        if (navigator.mediaDevices.getUserMedia) {
            navigator.mediaDevices.getUserMedia({ video: true })
                .then(function (stream) {
                    video.srcObject = stream;
                .catch(function (err0r) {
                    console.log("Something went wrong!");