WEB端显示摄像头实时图像数据

目录

前言

方案详情

技术点

代码

C++部分 

js部分

结果

存在问题

下一步计划

---

前言

        为实现远程画面监视，大致上有两种思路：（1）实时视频数据的传输；（2）实时图像数据的传输。本篇主要讲述下实时图像数据传输的方式。

方案详情

技术点

        技术点非难点。主要涉及以下：

        1.采集实时图像。采用opencv计算机视觉库。

        2.后端传输数据。ws发送base64Str图像数据活http定时请求。采用前者。

        3.前端接收数据。 ws客户端定时更新<img>标签或http定时请求更新标签。采用前者。

代码

C++部分 

VideoCapture cap(0);
if(!cap.isOpened())
{
     cout <&