首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将网络摄像头流式传输到Angular项目中的浏览器

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

Stack Overflow用户
提问于 2018-09-26 14:37:06
回答 1查看 1.6K关注 0票数 0

可以请任何人帮助我的要求,我有一个摄像头连接在网络上,简单的IP摄像头,我需要显示它在browser.Simply实时馈送到浏览器

一些推论..

我可以直接在视频标签中使用rtsp://admin:Admin-123@192.168.0.252:554 URL吗

流式传输提要需要服务器吗?这么多使用wss的示例有必要吗?可能对wss一无所知。

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

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

EN

回答 1

Stack Overflow用户

发布于 2018-09-26 14:42:58

代码语言:javascript
运行
复制
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();
                          })
  }
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52511397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档