title: How to show the camera input in a website using HTML
body: <p>Ive decided to create a website like TokBox. But I ran into a problem wheren. When I’m using WebRTC, I don’t get the output of the camera, can someone help me? Plus if you need any more information, I’m using Safari and its allowed me to use the camera, but i just cant see the output.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta content="stuff, to, help, search, engines, not" name="keywords"&gt;
  &lt;meta content="What this page is about." name="description"&gt;
  &lt;meta content="Display Webcam Stream" name="title"&gt;
  &lt;title&gt;Display Webcam Stream&lt;/title&gt;
  
  &lt;style&gt;
  #container {
      margin: 0px auto;
      width: 500px;
      height: 375px;
      border: 10px #333 solid;
  }
  #videoElement {
      width: 500px;
      height: 375px;
      background-color: #666;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="container"&gt;
      &lt;video autoplay="true" id="videoElement"&gt;
  
      &lt;/video&gt;
  &lt;/div&gt;
  &lt;script&gt;
  var video = document.querySelector("#videoElement");
  
  navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
  
  if (navigator.getUserMedia) {       
      navigator.getUserMedia({video: true}, handleVideo, videoError);
  }
  
  function handleVideo(stream) {
      video.src = window.URL.createObjectURL(stream);
  }
  </code></pre>
  
  <p>Oh and here, I don’t know what to put here for the errors.     </p>
  
  <pre><code>function videoError(e) {
      // do something
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>