使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放

使用 GB28181.Solution ZLMediaKit  MediaServerUI 进行摄像头推流和播放

独立观察员 2020年8月25日

一、摄像机 GB28181 配置

打开 国标 28181 配置页面,勾上 “接入使能”:

 

打钩的是重要的配置信息,主要就是 SIP 服务器的信息和摄像头自己的编号、端口等信息。 

 

二、SIP 服务器 GB28181.Solution

项目地址:https://gitee.com/DLGCY_GB28181/GB28181.Solution 

(注:本文给出的项目地址如果是克隆的,页面上会有 Fork 信息或者原地址,不再单独列出)

 

使用的是 GB28181.WinTool 这个测试程序:

 

配置特写:

 

使用流程:使用 VS 打开解决方案,修改好配置信息后,直接运行 GB28181.WinTool 项目,先点击启动,等待摄像头发来注册信息和心跳信息,然后点击目录查询,点击出现的设备,最后点击 “直播视频” 即可。

 

程序向摄像头发送直播指令(INVITE)后,就是摄像头直接向流媒体服务器以 RTP 协议发送 PS 数据流了: 

 

三、流媒体服务器 ZLMediaKit

项目地址:https://gitee.com/DLGCY_GB28181/ZLMediaKit 

 

注意:如要克隆本仓库,还需克隆作为子模块的另外两个仓库 ———— ZLToolKit 和 media-server :

 

1、编译项目

由于这个是 C 项目,所以我们要给 VS 安上 C 开发的工作负载:

 

由于这个是 CMake 形式的项目,所以没有解决方案文件(.sln), 我们需要使用打开文件夹的方式:

 

打开后,我们在 CMakeLists.txt 上右键,先生成缓存,成功之后再生成:

 

这样在相关目录就生成了配置文件 config.ini 和可执行程序 MediaServer.exe:

 

2、配置和运行

实际上也不需要怎么配置,就是如果运行起来发现端口被占用的话,改一下就行了。

说说后面会用到的两个端口吧,一个是 RTP 的端口,在 rtp_proxy 节点下:

 

还有一个是 http 端口,后面播放视频要用到:

 

配置完之后双击 MediaServer.exe 就能启动了:

(感觉这些提示信息不够明确)

 

四、观看视频

我们点击 GB28181.WinTool 的 “直播视频” 后,摄像头就开始推流到 MediaServer 了:

 

来个特写:

 

我们看到出现了摄像头的地址,同时还不断看到一串编码 ID,我们拿这个 ID 就能播放视频了。

那么具体的视频地址是什么呢?作者倒是给出了解析方法:https://github.com/xia-chu/ZLMediaKit/wiki/ 播放 url 规则 

 

协议支持 rtsp、rtsps、rtmp、rtmps、http、https、ws、wss,我们这里用 http 协议测试。

虚拟主机我们选用 IP,我这里是 192.168.16.120

端口号由于我们选用 http 协议,而之前配置的是 801

应用名我暂时还不知道怎么来的,这里应该是 rtp

流 ID 是 24A4FFCC

所以最终直播视频地址为:http://192.168.16.120:801/rtp/24A4FFCC.flv 或 http://192.168.16.120:801/rtp/24A4FFCC/hls.m3u8 。

 

地址有了,我们还需要播放器,需要支持播放流媒体的播放器,推荐使用 PotPlayer

运行后依次点击 “打开”–“打开链接”:

 

然后填入地址(我重新打开过了,流 ID 变了),点击确定即可播放。

 

播放效果:

 

flv 地址的也是一样:

 

五、ZLMediaKit 的管理网站  MediaServerUI

项目地址:https://gitee.com/DLGCY_GB28181/MediaServerUI

(使用普通分支即可,无需使用 GB28181 分支)

 

这是一个 Vue 项目,可参考《搭建一个 VUE 项目》进行环境搭建。

 

配置文件为 global.js:

 

运行(1、cnpm install  2、cnpm run serve):

 

界面:

 

视频播放:

 

如果关闭播放弹窗引起卡顿,需要重新执行下 npm install。(cnpm 有可能不行,因为有可能包不是最新的。)

如果像上图一样预览图缺失,可能是因为 ZLMediaKit 的配置文件(config.ini)中 ffmpeg 程序的路径没配置正确,Windows 系统可参考如下配置:

[ffmpeg]
bin=D:/ffmpeg/bin/ffmpeg.exe

 

然后就有预览图了:

 

【转载请注明出处 Http://dlgcy.com】

打印本文

2条评论

小沙弥 发布于11:24 - 2020年9月5日

我在播放的时候直接就断线了是怎么回事呢

    独立观察员 发布于12:44 - 2020年9月5日

    一秒都播放不了吗?有可能是编码不合适。是摄像头的GB28181的PS流吗?

发表评论