title: Browser web cam stream has extremely low performance/frame rate
body: <p>I am trying to test WebRTC and want to display my own stream as well as the peer's stream. I currently have a simple shim to obtain the camera's stream and pipe that into a video element, however the frame rate is extremely low. The rare thing about this is that I can try examples from the <a href="https://webrtc.github.io/samples/" rel="noreferrer">WebRTC</a> site and they work flawlessly.. The video is smooth and there are no problems. I go to the console and my code resembles theirs.. What could be happening? I tried to create both a <a href="https://jsfiddle.net/alanz2223/yetaxrqa/" rel="noreferrer">fiddle</a> and run that code within brackets but it still performs horribly.</p>
  
  <pre><code>video = document.getElementById('usr-cam');
  
    navigator.mediaDevices.getUserMedia({video : {
        width : {exact : 320},
        height : {exact: 240}
    }})
    .then(function(stream){
  
  
        if(navigator.mozGetUserMedia)
        {
          video.mozSrcObject = stream;
        }
        else
        { 
           video.srcObject = stream;
        }
  
  
  
    })
    .catch(function(e){
        alert(e);
    });
  </code></pre>
  
  <p>Pretty much everything I do. Take into account that I am using the new <code>navigator.mediaDevices()</code> API instead of <code>navigator.getUserMedia()</code> but I don't see how that would matter since 1.I am using a shim provided by the WebRTC group named <code>adapter.js</code> which they themselves use. 2. I don't think how you obtain hold of the video stream would affect performance.</p>