title: Accessing Multiple camera javascript getusermedia
body: <p>guys i have two cameras that is<br>
  -the web camera<br>
  -the laptop camera<br></p>
  
  <p>i want to stream those camera in a website<br>
  i already have some reference<br>
  here is some code that is working on jsfiddle
  <a href="http://jsfiddle.net/jayzlov/tVpvb/" rel="noreferrer">here</a>
  <br></p>
  
  <pre><code>&lt;video id="video" width="640" height="480" autoplay&gt;&lt;/video&gt;
  &lt;button id="snap" class="sexyButton"&gt;Snap Photo&lt;/button&gt;
  &lt;canvas id="canvas" width="640" height="480"&gt;&lt;/canvas&gt;
  
  &lt;script&gt;
  
      // Put event listeners into place
      window.addEventListener("DOMContentLoaded", function() {
          // Grab elements, create settings, etc.
          var canvas = document.getElementById("canvas"),
              context = canvas.getContext("2d"),
              video = document.getElementById("video"),
              videoObj = { "video": true },
              errBack = function(error) {
                  console.log("Video capture error: ", error.code); 
              };
  
          // Put video listeners into place
          if(navigator.getUserMedia) { // Standard
              navigator.getUserMedia(videoObj, function(stream) {
                  video.src = stream;
                  video.play();
              }, errBack);
          } else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
              navigator.webkitGetUserMedia(videoObj, function(stream){
                  video.src = window.webkitURL.createObjectURL(stream);
                  video.play();
              }, errBack);
          } else if(navigator.mozGetUserMedia) { // WebKit-prefixed
              navigator.mozGetUserMedia(videoObj, function(stream){
                  video.src = window.URL.createObjectURL(stream);
                  video.play();
              }, errBack);
          }
  
          // Trigger photo take
          document.getElementById("snap").addEventListener("click", function() {
              context.drawImage(video, 0, 0, 640, 480);
          });
      }, false);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>that example can only connects and select 1 camera<br>
  i want to select and view two of my camera, any suggestion or solution guys?<br>
  you can also give me the JS fiddle </p>