title: WebRTC - Change device/camera in realtime
body: <p>I'm having a problem trying to change my camera in real time, It works for the local video, but the remote person cannot see the new camera, and still sees the old one. I tried to stop the stream and init again but still not working. This is just some of my code. 
  I have searched everywhere and I can't find a solution. Can someone help me out?</p>
  
  <pre><code>function init() {
          getUserMedia(constraints, connect, fail);
  }
  
  $(".webcam-devices").on('change', function() {
      var deviceID = this.value;
      constraints.video = {
          optional: [{
              sourceId: deviceID
          }]
      };
      stream.getTracks().forEach(function (track) { track.stop(); });
      init();
  });
  </code></pre>