使用海康威视设备在Web端显示实时视频

前言

目前做的项目，需要Web端显示实时视频数据。本次项目使用的是海康威视的摄像头进行实时监控。

硬件：萤石的摄像头(海康威视旗下的)，海康威视的硬盘录像机。

软件：vlc 2.2.6版本。

Web端和移动端接入萤石云平台的视频数据​ https://blog.csdn.net/qq_38289815/article/details/92615824

海康威视Web端视频开发 https://blog.csdn.net/qq_38289815/article/details/92428396

萤石云摄像头Http接口云台控制开发 https://blog.csdn.net/qq_38289815/article/details/94288310

 

前期工作：

将视频摄像头和海康威视的硬盘录像机连接在同一网段，并设置好硬盘录像机的IP地址和端口号。摄像头要通过通道管理设置通道号，IP通道地址等。

下载vlc：

地址：http://download.videolan.org/vlc/2.2.6/win64/

 

安装好vlc后进行如下操作

(1)打开媒体中的流

(2)在网络中设置RTSP并选择串流

参数如下：

(3)点击下一个后在新目标选择HTTP并点击添加

(4)设置端口和路径

(5)选择Video - Theor + Vorbis (OGG)

(6)选择流所有通量流，最后点击流结束设置

 

没有报错时，可以打开网络串流后点击播放。如果报错了，需要检查相应的参数有没有填写对，也有可能是端口被占用的情况。

 

正常显示图像

 

完成上述工作后，在Web端复制如下代码：

如果VLC播放器有视频数据而网页没有显示，则应该检查IP和端口号。若本机IP没有错，可以多尝试几个端口，看能不能解决问题。

注意：摄像头和硬盘录像机不在同一网段可能导致无法显示图像。