GORAGOD.com

freelance, web developer, web designer, hosting, domain name

การแสดง Video จาก WebCam ด้วย HTML5

ตัวอย่างการใช้งาน tag Video ใน HTML5 ในการแสดงวีดีโอจาก Webcam โดยการใช้ Media Stream
<video autoplay id=webcam></video>
<script>
    var webcam = document.getElementById("webcam");
    var onCameraFail = function (e) {
        console.log('Camera did not work.', e);
    };
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
    window.URL = window.URL || window.webkitURL;
    navigator.getUserMedia({video:true}, function (stream) {
        webcam.srcObject = stream;
    }, onCameraFail);
</script>

ในตอนที่เขียนบทความนี้ มีแต่ Firefox Opera และ Chrome เท่านั้นที่สามารถใช้งานได้ นะครับ และเครื่องคอมพิวเตอร์ต้องมี Web Cam ด้วย ตัวอย่าง
0SHAREFacebookLINE it!
^