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

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

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

独立观察员 2020年8月25日

一、摄像机 GB28181 配置

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

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

 

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

 

二、SIP 服务器 GB28181.Solution

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

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(1)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(2)

 

配置特写:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(3)

 

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

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(4)

 

三、流媒体服务器 ZLMediaKit

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(5)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(6)

 

1、编译项目

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(7)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(8)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(9)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(10)

 

2、配置和运行

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

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(11)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(12)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(13)

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

 

四、观看视频

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(14)

 

来个特写:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(15)

 

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

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(16)

 

协议支持 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

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(17)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(18)

 

播放效果:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(19)

 

flv 地址的也是一样:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(20)

 

五、ZLMediaKit 的管理网站  MediaServerUI

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(21)

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

 

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

 

配置文件为 global.js:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(22)

 

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

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(23)

 

界面:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(24)

 

视频播放:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(25)

 

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

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

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

 

然后就有预览图了:

使用 GB28181.Solution + ZLMediaKit + MediaServerUI 进行摄像头推流和播放插图(26)

 

5 1 评分
文章评分
订阅
提醒
guest
8 评论
行内反馈
查看所有评论
测试员
15 天 之前

测试一下 wpDiscuz 评论插件

小木头
小木头
19 天 之前

为什么我运行WinTool程序后,点开启一直处于等待中啊

csx
csx
19 天 之前

我按你的步骤配置gb28181.xml文件后,运行GB28181.WinTool后,点击启动按钮,一直处于等待中,不知道哪错了,大佬可以指导一下吗

小沙弥
小沙弥
1 月 之前

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

8
0
若有所思?请评论!x
()
x