title: How do I access navigator.getUserMedia()?
body: <p>I am currently running Chrome 11 and trying to access <code>getUserMedia</code> for HTML5 native audio and video stream support but I am getting an error saying that <code>navigator.getUserMedia</code> is undefined. If it's not supported, how do I access it or do I need to wait until Chrome incorporates it?</p>
  
  <p>This is the the code I was using to test <code>getUserMedia</code> which I found</p>
  
  <pre><code> &lt;h1&gt;Snapshot Kiosk&lt;/h1&gt;
   &lt;section id="splash"&gt;
    &lt;p id="errorMessage"&gt;Loading...&lt;/p&gt;
   &lt;/section&gt;
   &lt;section id="app" hidden&gt;
    &lt;p&gt;&lt;video id="monitor" autoplay&gt;&lt;/video&gt; &lt;canvas id="photo"&gt;&lt;/canvas&gt;
    &lt;p&gt;&lt;input type=button value="&amp;#x1F4F7;" onclick="snapshot()"&gt;
   &lt;/section&gt;
   &lt;script&gt;
    navigator.getUserMedia('video user', gotStream, noStream);
    var video = document.getElementById('monitor');
    var canvas = document.getElementById('photo');
    function gotStream(stream) {
      video.src = URL.getObjectURL(stream);
      video.onerror = function () {
        stream.stop();
        noStream();
      }
      video.onloadedmetadata = function () {
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        document.getElementById('splash').hidden = true;
        document.getElementById('app').hidden = false;
      }
    }
    function noStream() {
      document.getElementById('errorMessage').textContent = 'No camera available.';
    }
    function snapshot() {
      canvas.getContext('2d').drawImage(video, 0, 0);
    }
   &lt;/script&gt;
  </code></pre>