ZLMediaKit + wvp-GB28181-pro gb28181流媒体平台搭建

快来打我* 2023-10-02 20:38 42阅读 0赞

## 一、流媒体平台流程简介 ##

主要用途：对接监控摄像头、视频直播、多对多视频聊天室  
系统架构由3个部分组成：接口服务器、信令服务器、流媒体服务器；  
1.接口服务器主要用于响应客服端的请求；  
2.信令服务器主要用于智慧流媒体服务器和视频设备交互；  
3.流媒体服务器主要用于处理媒体流的接收、转换、分发；  
接口服务器和信令服务器也可以整合成一个服务器。流媒体服务器最好单独部署，避免流媒体服务器压力过大造成系统整体相应过慢的问题。 wvp-GB28181-pro 充当接口服务器和信令服务器，ZLMediaKit充当流媒体服务器。  
下图为gb28181协议的整个播放流程。  
![在这里插入图片描述][66691c21704c463187d3dc8680ee9172.png_pic_center]  
ZLMediaKit支持的相关协议  
![在这里插入图片描述][d8548c55eb6c47d891aaea74b45ba05e.png_pic_center]  
gb28181协议相比rtsp、rtmp的优势：  
1.更加的安全：gb28181流请求不需携带账号密码，可避免账号密码的泄露。  
2.视频设备无需固定的ip：gb28181的流由视频设备主动推送到服务器。  
3.更多的功能：转动摄像头、对讲、广播、定位等功能  
缺点：  
1.需要在视频设备里配置服务器的地址。  
[gb28181完整流程][gb28181]  
[ZLMediaKit GitHub][]  
[wvp-GB28181-pro GitHub][]

### 二、ZLMediaKit 部署安装 ###

1、[基本编译安装][Link 1]  
2、[webrtc编译指南][webrtc]

#### 三、wvp-GB28181 部署安装 ####

1、[部署指南][Link 2]  
2、后台是springboot、前端是vue。

##### 四、摄像头配置 #####

![在这里插入图片描述][e7a8ab2dfb9946b0b01521bb251c0bae.png_pic_center]  
平台接入选择 28181, SIP服务器ID 和 SIP服务器域，密码 要和 WVP 项目中配置的一致。SIP服务器地址 填写 WVP 项目的地址，内网填写内网IP地址，云服务器填写公网IP，端口写配置文件中配置的端口。视频格式选择h264,h265 webrtc可能无法播放。

###### 五、 常见问题 ######

1、**webrtc 播放时后台出现连接超时的问题：**  
确认ZLMediaKit配置中externIP配置正确，切浏览器可以通过配置的ip访问流媒体服务。  
2、**webrtc 播放时 /index/api/webrtc 地址请求404**  
确认编译时是否按照 [webrtc编译指南][webrtc] 部署  
3、**列表没有摄像头**  
确认摄像头28181配置是否正确，服务器防火墙是否放开相应端口。  
4、**WVP 列表点击播放，长时间没有响应**  
确认WVP里 media.id 与ZLMediaKit配置中mediaServerId是否一致

[66691c21704c463187d3dc8680ee9172.png_pic_center]: https://img-blog.csdnimg.cn/66691c21704c463187d3dc8680ee9172.png#pic_center
[d8548c55eb6c47d891aaea74b45ba05e.png_pic_center]: https://img-blog.csdnimg.cn/d8548c55eb6c47d891aaea74b45ba05e.png#pic_center
[gb28181]: https://blog.csdn.net/Upgrade_Yang/article/details/90769701
[ZLMediaKit GitHub]: https://github.com/ZLMediaKit/ZLMediaKit
[wvp-GB28181-pro GitHub]: https://github.com/648540858/wvp-GB28181-pro
[Link 1]: https://github.com/ZLMediaKit/ZLMediaKit/wiki/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B
[webrtc]: https://github.com/ZLMediaKit/ZLMediaKit/wiki/zlm%E5%90%AF%E7%94%A8webrtc%E7%BC%96%E8%AF%91%E6%8C%87%E5%8D%97
[Link 2]: https://github.com/648540858/wvp-GB28181-pro/wiki/%E7%BC%96%E8%AF%91%E8%BF%90%E8%A1%8C
[e7a8ab2dfb9946b0b01521bb251c0bae.png_pic_center]: https://img-blog.csdnimg.cn/e7a8ab2dfb9946b0b01521bb251c0bae.png#pic_center