将网络摄像机流式传输到 Angular 项目中的浏览器

Question

能否请任何人帮助我的要求

一些推论..

我可以直接在视频标签中使用 rtsp://admin:Admin-123@192.168.0.252:554 URL 尝试但不起作用

流式传输提要是否需要服务器这么多使用 wss 的示例是否有必要可能不知道 wss

这是否需要节点或 java 来转换格式或将其流式传输到浏览器

如果可能的话，可以ping一些教程链接或其他有用的东西

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();
                          })
  }
}