thisgeek/index.html

## index.html
<!DOCTYPE HTML>
<html>
  <head>
    <title>HTML5 Webcam Test</title>
  </head>
  <body>
      <h1><code>navigator.getUserMedia()</code></h1>
      <video autoplay controls></video>
      <p>
        <button id="capture">Capture video</button>
        <button id="stop">Stop</button>
      </p>

      <script src="webvideo.js"></script>
  </body>
</html>

## webvideo.js
(function() {
    var video, localMediaStream;

    window.URL = window.URL || window.webkitURL;
    navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia ||
        navigator.mozGetUserMedia || navigator.msGetUserMedia;

    video = document.querySelector('video');

    document.querySelector('button#capture').addEventListener('click', function () {
        navigator.getUserMedia({audio: true, video: true}, function(stream) {
            localMediaStream = stream;
            video.src = window.URL.createObjectURL(stream);
        }, function(e) {
            console.log(e);
        });
    });

    document.querySelector('button#stop').addEventListener('click', function(e) {
        video.pause();
        localMediaStream.stop();
    });
}());
	<!DOCTYPE HTML>
	<html>
	<head>
	<title>HTML5 Webcam Test</title>
	</head>
	<body>
	<h1><code>navigator.getUserMedia()</code></h1>
	<video autoplay controls></video>
	<p>
	<button id="capture">Capture video</button>
	<button id="stop">Stop</button>
	</p>

	<script src="webvideo.js"></script>
	</body>
	</html>
	(function() {
	var video, localMediaStream;

	window.URL = window.URL \|\| window.webkitURL;
	navigator.getUserMedia = navigator.getUserMedia \|\| navigator.webkitGetUserMedia \|\|
	navigator.mozGetUserMedia \|\| navigator.msGetUserMedia;

	video = document.querySelector('video');

	document.querySelector('button#capture').addEventListener('click', function () {
	navigator.getUserMedia({audio: true, video: true}, function(stream) {
	localMediaStream = stream;
	video.src = window.URL.createObjectURL(stream);
	}, function(e) {
	console.log(e);
	});
	});

	document.querySelector('button#stop').addEventListener('click', function(e) {
	video.pause();
	localMediaStream.stop();
	});
	}());