title: DOMException: Requested device not found GetUserMedia
body: <p>Trying to access IP Camera that is connected to a wifi.</p>
  
  <p>I am connected to that wifi but I am getting error. If I try open using vlc I am able to connect but not getUserMedia has null.</p>
  
  <pre><code>@Component({
    selector: 'app-home',
    templateUrl: './home.component.html',
  })
  export class HomeComponent {
    @ViewChild('video') video: any; 
    constructor() {
    }
    hasGetUserMedia() {
    return !!(navigator.mediaDevices &amp;&amp;
      navigator.mediaDevices.getUserMedia);
  }
  
  
  ngAfterViewInit() {
    if (this.hasGetUserMedia()) {
      // Good to go!
      console.log("Gooddd................");
    } else {
      alert('getUserMedia() is not supported by your browser');
    }
    let _video = this.video.nativeElement;
    if (navigator.mediaDevices &amp;&amp; navigator.mediaDevices.getUserMedia) {
      navigator.mediaDevices.getUserMedia({ video: true, audio: true })
        .then(function (stream) {
          _video.src = window.URL.createObjectURL(stream);
          _video.play();
        }).catch(function (err) {
          console.log(err);
        });
      }
    }
  }
  
  &lt;video #video width="640" height="480" autoplay&gt;&lt;/video&gt;
  </code></pre>