GB28181国标平台LiveGBS视频统一汇聚后如何获取固定的播放地址,实现监控视频Web页面无插件播放、拉流分析、上大屏等目的
目前汇聚各种厂家监控设备的视频汇聚平台,基本都是通过GB28181标准协议实现的。下面介绍下LiveGBS Web无插件直播的GB28181视频平台将各厂家(包括海康、大华、华为、宇视、天地伟业等)监控汇聚到同一个服务器上后,如何或者直播链接可以直播浏览器播放,或者二次开发嵌入到自己的业务系统里面进行浏览器无插件播放的。
1、视频集成方式
1.1、分享页面集成
直接集成包含播放器的页面到业务系统中去,如 iframe 方式集成页面
1.2、视频流地址集成
通过接口或其它方式获取视频流的地址,设置到web播放器|APP播放器|PC播放器中,进行播放
2、视频集成说明
2.1、 获取通道分享页面
2.1.1、查看通道
上一层的设备可以是一个NVR,一个下级平台,一个单兵设备。点击设备列表的 【查看通道】,可以查看到设备下面具体的视频通道(摄像头)。

2.1.2、分享页面
通道可以配置开启分享, 分享之后,可以获得一个具体的播放页面,分享的是页面地址并非原始流地址。可以直接集成分享页面到自己的业务系统中(通过iframe方式集成)
2.1.2.1、开启分享
LiveGBS可以控制单个视频通道 ,是否可以被分享,默认不分享,可以在通道列表中开启分享

2.1.2.2、分享页面传参
具体的分享页面可以附件的一些参数可以参考:使用分享页面

2.1.2.3、分享页面播放

手机端可以直接扫码观看,或是 访问分享的直播页面

2.2 获取通道视频直播流地址
2.2.1、直播流播放
默认播放的 ws_flv 的直播流, 可以点击下面的选项,切换播放的直播流格式
这里的点击播放,实际上是取视频直播流地址,设置到播放器中的,下面会具体说明如何获取视频直播流地址

2.2.2、获取直播流地址
2.2.2.1、实时直播-开始直播接口说明
通过调用接口的方式获取直播流地址,具体接口 实时直播 - 开始直播 /api/v1/stream/start
2.2.2.2、实时直播-开始直播接口调用示例
接口请求示例
http://192.168.2.135:10000/api/v1/stream/start?serial=34020000001110000234&code=34020000001320000234
接口返回示例
{
"AudioEnable": false,
"CDN": "",
"CascadeSize": 0,
"ChannelCustomName": "演示",
"ChannelID": "34020000001320000234",
"ChannelName": "演示",
"ChannelPTZType": 1,
"DeviceID": "34020000001110000234",
"Duration": 2,
"FLV": "http://192.168.2.135:10000/sms/34020000002020000001/flv/hls/34020000001110000234_34020000001320000234.flv",
"HLS": "http://192.168.2.135:10000/sms/34020000002020000001/hls/34020000001110000234_34020000001320000234/live.m3u8",
"RTMP": "rtmp://192.168.2.135:11935/hls/34020000001110000234_34020000001320000234",
"RTSP": "rtsp://192.168.2.135:554/34020000001110000234_34020000001320000234",
"WS_FLV": "ws://192.168.2.135:10000/sms/34020000002020000001/ws-flv/hls/34020000001110000234_34020000001320000234.flv",
"WEBRTC": "webrtc://192.168.2.135:10000/sms/34020000002020000001/rtc/34020000001110000234_34020000001320000234",
"InBitRate": 0,
"InBytes": 0,
"NumOutputs": 0,
"Ondemand": true,
"OutBytes": 0,
"RecordStartAt": "",
"RelaySize": 0,
"SnapURL": "/snap/34020000001110000234/34020000001320000234.jpg?t=1594177940107633780",
"SourceAudioCodecName": "",
"SourceAudioSampleRate": 0,
"SourceVideoCodecName": "",
"SourceVideoFrameRate": 0,
"SourceVideoHeight": 0,
"SourceVideoWidth": 0,
"StartAt": "2020-07-08 11:16:14",
"StreamID": "stream:34020000001110000234:34020000001320000234",
"Transport": "TCP"
}
2.2.2.3、获取HTTP-FLV直播流地址
取接口返回的 FLV 字段
"FLV": "http://192.168.2.135:10000/sms/34020000002020000001/flv/hls/34020000001110000234_34020000001320000234.flv",
2.2.2.4、获取HLS直播流地址
取接口返回的 HLS 字段
"HLS": "http://192.168.2.135:10000/sms/34020000002020000001/hls/34020000001110000234_34020000001320000234/live.m3u8",
2.2.2.5、获取WebRTC直播流地址
取接口返回的 WEBRTC字段
"WEBRTC": "webrtc://192.168.2.135:10000/sms/34020000002020000001/rtc/34020000001110000234_34020000001320000234",
2.2.2.6、获取RTMP直播流地址
取接口返回的 RTMP 字段,对应的 RTMP 端口需要在服务端开放 TCP
"RTMP": "rtmp://192.168.2.135:11935/hls/34020000001110000234_34020000001320000234",
2.2.2.7、获取WS-FLV直播流地址
取接口返回的 WS_FLV字段
"WS_FLV": "ws://192.168.2.135:10000/sms/34020000002020000001/ws-flv/hls/34020000001110000234_34020000001320000234.flv",
2.2.2.8、RTSP
2.2.2.8.1、开启RTSP
在基础配置 -> 流媒体服务配置中配置,RTSP端口,对应的 RTSP 端口需要在服务端开放 TCP

2.2.2.8.2、获取RTSP直播流地址
取接口返回的 RTSP 字段
"RTSP": "rtsp://192.168.2.135:554/34020000001110000234_34020000001320000234",
2.2.2.9、浏览器中查看直播流地址
浏览器可以先打开 f12 ,再查看通道点击播放,可以再 network中跟踪到 接口调用和结果

2.3 拼接视频流地址
如果需要通过直播流地址直接拉流, 而不是通过开始直播接口, 请开启 基础配置 -》允许直播地址拉流
配置规则如下:
HTTP端口直播流地址格式
WEBRTC: webrtc://{cms_ip}:{port}/sms/{sms_id}/rtc/{设备国标编号}_
FLV: http://{cms_ip}:{port}/sms/{sms_id}/flv/hls/{设备国标编号}_{通道国标编号}.flv
WS_FLV: ws://{cms_ip}:{port}/sms/{sms_id}/ws-flv/hls/{设备国标编号}_{通道国标编号}.flv
HLS: http://{cms_ip}:{port}/sms/{sms_id}/hls/{设备国标编号}_{通道国标编号}/live.m3u8
RTMP: rtmp://{sms_ip}:{port}/hls/{设备国标编号}_
RTSP: rtsp://{sms_ip}:{port}/{设备国标编号}_
HTTPS端口直播流地址格式
WEBRTC: webrtcs://{cms_ip}:{port}/sms/{sms_id}/rtc/{设备国标编号}_
FLV: https://{cms_ip}:{port}/sms/{sms_id}/flv/hls/{设备国标编号}_{通道国标编号}.flv
WS_FLV: wss://{cms_ip}:{port}/sms/{sms_id}/ws-flv/hls/{设备国标编号}_{通道国标编号}.flv
HLS: https://{cms_ip}:{port}/sms/{sms_id}/hls/{设备国标编号}_{通道国标编号}/live.m3u8
RTMP: rtmp://{sms_ip}:{port}/hls/{设备国标编号}_
RTSP: rtsp://{sms_ip}:{port}/{设备国标编号}_
3、搭建GB28181视频直播平台
- 支持 Windows Linux 及其它CPU架构(国产、嵌入式...)操作系统
- 安装包下载:https://www.liveqing.com/docs/download/LiveGBS.html
- 安装使用说明:https://www.liveqing.com/docs/manuals/LiveGBS.html
- WEB前端源码:https://github.com/livegbs/GB28181-Server
- 更多常见问题:https://www.liveqing.com/docs/faq/LiveGBS.html
GB28181国标平台LiveGBS视频统一汇聚后如何获取固定的播放地址,实现监控视频Web页面无插件播放、拉流分析、上大屏等目的的更多相关文章
- EasyNVR网页H5无插件播放摄像机视频功能二次开发之直播通道接口保活示例代码
背景需求 随着雪亮工程.明厨亮灶.手机看店.智慧幼儿园监控等行业开始将传统的安防摄像头进行互联网.微信直播,我们知道摄像头直播的春天了.将安防摄像头或NVR上的视频流转成互联网直播常用的RTMP.HT ...
- 用Red5搭建支持WEB播放的实时监控视频
用Red5搭建支持WEB播放的实时监控视频 1. 下载Red5:https://github.com/Red5/red5-server/releases 下载了Red5 1.0.6 release的Z ...
- 微信公众号平台接口开发:基础支持,获取微信服务器IP地址
官方说明 目前看不出来这个接口有哪些具体运用,但是既然有这个接口,那我们就试试能不能用 访问接口 修改WeCharBase.cs,新增以下2个方法 public static string Serve ...
- iOS使用ffmpeg播放rstp实时监控视频数据流
一.编译针对iOS平台的ffmpeg库(kxmovie) 最近有一个项目.须要播放各种格式的音频.视频以及网络摄像头实时监控的视频流数据,经过多种折腾之后,最后选择了kxmovie,kxmovie项目 ...
- EasyNVR网页Chrome无插件播放摄像机视频功能二次开发之云台控制接口示例代码
随着多媒体技术和网络通信技术的迅速发展,视频监控技术在电力系统.电信行业.工业监控.工地.城市交通.水利系统.社区安防等领域得到越来越广泛的应用.摄像头直播视频监控通过网络直接连接,可达到的世界任何角 ...
- 微信公众号平台接口开发:基础支持,获取access_token
新建Asp.net MVC 4.0项目 WeChatSubscript是项目UI层 WeChatTools是封装操作访问公众号接口的一些方法类库 获取AccssToken 我们要的得到AccessTo ...
- 海康、大华NVR网络硬盘录像机录像无插件全平台访问实现—录像回放时间轴功能实现方法
在之前的博文中我们有介绍方案*NVR硬件录像机web无插件播放方案(支持取特定时间段视频流)*:该片博文旨在介绍时间轴功能的实现和相关接口的调用: 时间轴样式展示: 问题分析 对于 时间轴的展示实现需 ...
- 把演讲人的桌面、头像、声音合成后推送到 指定的直播流平台上; 录制电脑桌面、摄像头头像、声音保存为本地视频; 适用于讲课老师、医生等演讲内容保存为视频; 提供PPT嵌入Winform/WPF解决方案,Winform/WPF 中嵌入 office ppt 解决方案
提供PPT嵌入Winform/WPF解决方案,Winform/WPF 中嵌入 office ppt 解决方案 Winform/WPF 中嵌入 office ppt(powerpoint)解决方案示: ...
- EasyGBS国标流媒体服务器GB28181国标方案安装使用文档
EasyGBS - GB28181 国标方案安装使用文档 下载 安装包下载,正式使用需商业授权, 功能一致 在线演示 在线API 架构图 EasySIPCMS SIP 中心信令服务, 单节点, 自带一 ...
- vlc-android对于通过Live555接收到音视频数据包后的处理分析
通过ndk-gdb跟踪调试vlc-android来分析从连接到RTSP服务器并接收到音视频数据包后的处理过程. 首先,从前面的文章有分析过vlc-android的处理过程通过线程函数Run()(Src ...
随机推荐
- [书籍精读]《CSS世界》精读笔记分享
写在前面 书籍介绍:本书从前端开发人员的需求出发,以"流"为线索,从结构.内容到美化装饰等方面,全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点.同时,作者结合多年的 ...
- 从 DeepSeek 突然爆发,看数据开发的应用市场
在数字化快速发展的当下,人工智能与数据技术不断迭代.近期,DeepSeek 凭借自身技术实力在市场中迅速崛起,为剖析数据开发应用市场提供了视角. DeepSeek 爆发:技术与市场的双重驱动 1.1 ...
- hot100之链表下
K个一组翻转链表(025) 先看代码 class Solution { public ListNode reverseKGroup(ListNode head, int k) { ListNode d ...
- Java源码分析系列笔记-5.AQS
目录 1. 是什么 2. 如何使用 3. 原理分析 3.1. 构造方法 3.1.1. 由头尾节点和代表锁状态的字段组成 3.1.2. Node是个双向队列节点 3.2. 获取锁的逻辑 3.2.1. 尝 ...
- 关于自定义比较函数 usort 如何使用 类中的方法
http://blog.csdn.net/qdujunjie/article/details/42081137
- C++开发的一些周边能力
go在后端开发中逐渐替代了C/C++,为什么大家更喜欢用go之类的新语言呢? C/C++作为上世纪的古老语言,很多地方没有针对程序员体验来考虑人性化编程.举几个例子: 1.windows.linux. ...
- nodejs 原生服务起一个httpServer
离开express.koa.egg 你还会利用原生node写后端的http服务吗? 定义路由和返回 这里有一个例子,原生node起http服务. 返回了静态页面文件.字符串拼接的html,json对象 ...
- JDK 7 和 JDK 8 的区别
简介 容易记的 jdk8支持接口可以添加默认方法, default; jdk8支持lambda表达式 jdk7中hashmap解决冲突采用链表, 一旦hash碰撞过多, 可能会使得一个链表上存在多个节 ...
- SciTech-EECS-电路设计- PCB设计-AD软件的“原理图绘制” 与 导出到“PCB编辑器”
原理图的绘制及检查 在绘制原理图前, 必须确认所有 Components(元器件) 的Symbol(原理图符号封装)和 PCB Package(PCB封装)都已可用. 如果AD软件或第三方没提供设计所 ...
- OpenList挂载「蓝奏云·优享版」
存储->添加 选择蓝奏云·优享版 填写挂载路径 信息填写并确定 挂载成功
