Access webcam without Flash

by

At the moment of writing this the best solution is WebRTC. It is supported in Chrome, Mozilla and Opera, but still unavaialble in Internet Explorer and Safari.

Minimalistic demo.

Index.html

<!DOCTYPE html>
<head>
</head>
<body>
    <video></video>
    <script src="https://stackoverflow.com/questions/9644612/webcam.js"></script>
</body>

webcam.js

(function () {
    navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);

    navigator.getMedia(
        // constraints
        {video:true, audio:false},

        // success callback
        function (mediaStream) {
            var video = document.getElementsByTagName('video')[0];
            video.src = window.URL.createObjectURL(mediaStream);
            video.play();
        },   
        //handle error
        function (error) {
            console.log(error);
        })   
})();

Read more here or there

More Related Contents:

  1. How to run html file on localhost?
  2. Unescape HTML entities in JavaScript?
  3. Resizing an image in an HTML5 canvas
  4. Where to place JavaScript in an HTML file?
  5. Check if an element contains a class in JavaScript?
  6. In HTML5, is the localStorage object isolated per page/domain?
  7. How to prevent a click on a ‘#’ link from jumping to top of page?
  8. How to pass parameter to function using in addEventListener?
  9. How to convert a DOM node list to an array in Javascript?
  10. Getting unparsed (raw) HTML with JavaScript
  11. document.getElementsByClassName().innerHTML always returns “undefined”
  12. What is the meaning of polyfills in HTML5?
  13. How to prevent an HTTP request just for a favicon?
  14. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  15. Directly reference HTML elements [duplicate]
  16. Storing Image Data for offline web application (client-side storage database)
  17. A good way to redirect with a POST request?
  18. How do I get the HTML source from the page?
  19. Is it possible to style a title? (and with CSS or js?) [duplicate]
  20. mailto using javascript
  21. HTML Input type number Thousand separator
  22. How to download a base64-encoded image?
  23. Can I apply the required attribute to fields in HTML?
  24. HTML5 drag and drop folder detection in firefox. Is it even possible?
  25. Is it possible to do mathematics inside CSS?
  26. Adding click event for a button created dynamically using jQuery [duplicate]
  27. script order for jquery with bootstrap
  28. Phonegap Application text and layout too small
  29. Remove all content using pure JS
  30. how can I stick the div after scrolling down a little

Leave a Comment