Потоковая сетевая камера в браузере в Angular Project

Question

Может, пожалуйста, помогите мне с любым требованием. У меня есть камера, подключенная к сети, просто IP-камера. Мне нужно отобразить ее в браузере. Просто живая трансляция в браузер

Некоторые выводы ..

Могу ли я напрямую использовать rtsp: // admin: Admin-123@192.168.0.252: 554 URL-адрес в видео-теге пробовал, но не работает

Требуется ли для потоковой передачи фида сервер столько примеров с использованием wss?необходимо, вероятно, не иметь представления о wss

Требуется ли для этого преобразование формата или потоковая передача в браузер узла или java

Если возможно, можно пинговать ссылки на некоторые учебные пособия или что-то, что может быть полезным

Answer 1

include the video directive like this:

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

then in your component:

@ViewChild('video') video:any; 
// note that "#video" is the name of the template variable in the video element

ngAfterViewInit() {
  let _video=this.video.nativeElement;
  if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia({ video: true })
                          .then(stream => {
                            _video.src = window.URL.createObjectURL(stream);
                            _video.play();
                          })
  }
}