流程简介

将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：

1）获取摄像头视频

2）将视频直播出去

3）网页无插件直播和APP集成

获取摄像头视频，之前主要采取拉流模式，即在知道摄像头ip地址的情况下，可以通过RTSP协议拉取摄像头实时视频。最新的方案是采用GB28181协议，由摄像头主动向平台注册设备信息并发送RTP视频流到平台。

视频到达平台后需要进行协议转换，以适应直播要求，通常是将摄像头视频通过rtmp/http等协议转发出来，以满足网页直播和APP播出的要求。

要在网页中无插件播放直播视频，现在用的播出协议主要有四种：http-flv、http-mp4、websocket和hls，而rtmp协议由于需要flash支持，目前已经没有人再使用。

综合一下，监控摄像头直播的流程大致如下：

摄像头---(rtp/rtsp)--->服务平台（GB28181平台+流媒体服务器）---(http/hls/websocket)--->网页或APP

实现流程

为了搭建监控直播系统，我们要做如下准备工作：

1）搭建GB28181平台

我们以NTV GBS平台为了，可以自建或直接使用测试账号，具体参考：

https://mp.csdn.net/mp_blog/creation/editor/new/129299791

2）将监控设备注册到平台上

网上有很多文章介绍，下面有介绍。

3）实现一个直播网页

可以根据需要设计一个适合PC或移动终端播放的落地页，视频播出协议建议采用http-flv或者websocket，具有低延迟和易于实现的特点。hls协议虽然也相对通用，但是延迟较长，如果对于延迟敏感就不要使用hls协议。

网页直播要挑选一个合适的网页播放器，可以参考：

https://github.com/xqq/mpegts.js

https://github.com/bilibili/flv.js

如果要支持h265播放，可以参考：

https://github.com/numberwolf/h265web.js

平台端详细配置

登录平台后，首先通过点击左侧设备列表下方的“添加设备”按钮添加新设备。添加新设备只需要输入设备名称即可，其他信息由平台自动完善。

设备添加完毕后，右键点击设备，选择“配置信息”会获取详细的设备配置信息，使用该信息到设备上对照填写就可以完成设备端配置。

将上一步拿到的配置信息，到设备端进行配置，大部分支持GB28181的设备配置界面大同小异，我们以海康的IPC为例，配置界面如下：

设备端配置完成后点击保存按钮。通常会在1分钟内连接到平台上，在平台就可以查看实时视频和对设备进行控制了。

在视频查看界面上，点击右侧操作区的“播放地址”按钮，会显示可用的播出地址，根据需要选择一种集成到播放页面就可以了。