DOMException：未找到请求的设备 GetUserMedia

Question

尝试访问连接到 WiFi 的网络摄像机。

我已连接到该 wifi，但出现错误。如果我尝试使用 vlc 打开，我可以连接，但 getUserMedia 不为空。

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
})
export class HomeComponent {
  @ViewChild('video') video: any; 
  constructor() {
  }
  hasGetUserMedia() {
  return !!(navigator.mediaDevices &&
    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 && 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);
      });
    }
  }
}

<video #video width="640" height="480" autoplay></video>

Answer 1

当您没有任何设备来捕获视频或捕获音频时，就会发生这种情况

尝试检查您的网络摄像头和麦克风是否工作正常

Answer 2

尝试不使用“音频：true”。它对我的帮助。（麦克风不起作用）。并检查其他网站上的网络摄像头。也许需要检查此页面的权限。

Answer 3

尝试改变这一行：

_video.src = window.URL.createObjectURL(stream);

与这个：

_video.srcObject = stream;