LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP及固定拼接示例
- 1、背景說明
- 2、視訊內建方式
- 3、分享頁面內建說明
- 3.1、 擷取通道分享頁面
- 3.1.1、檢視通道
- 3.1.2、分享頁面
- 3.1.2.1、開啟分享
- 3.1.2.2、分享頁面傳參
- 3.1.2.3、分享頁面播放
- 4、視訊流位址內建說明
- 4.1 擷取通道視訊直播流位址
- 4.1.1、直播流位址(頁面檢視擷取)
- 4.1.2、直播流位址(接口調用擷取)
- 4.1.2.1、實時直播-開始直播接口說明
- 4.1.2.2、實時直播-開始直播接口調用示例
- 4.1.2.3、擷取HTTP-FLV直播流位址
- 4.1.2.4、擷取HLS直播流位址
- 4.1.2.5、擷取WebRTC直播流位址
- 4.1.2.6、擷取RTMP直播流位址
- 4.1.2.7、擷取WS-FLV直播流位址
- 4.1.2.8、RTSP
- 4.1.2.8.1、開啟RTSP
- 4.1.2.8.2、擷取RTSP直播流位址
- 4.1.3、直播流位址(靜态拼接擷取)
- 5、接口調用相關問題
- 6、搭建GB28181視訊直播平台
1、背景說明
LiveGBS國标GB/T28181流媒體伺服器軟體,支援裝置|平台GB28181注冊接入、向上級聯第三方國标平台, 可視化的WEB頁面管理(頁面源碼開源);支援雲台控制、裝置錄像檢索、回放,支援語音對講,使用者管理, 多種協定流輸出,實作浏覽器無插件直播。
在項目過程中,需要播放視訊流。視訊內建的方式有幾種呢?下面會詳細說明2中常見的內建方式。
2、視訊內建方式
-
分享頁面內建
直接內建包含播放器的頁面到業務系統中去,如 iframe 方式內建頁面
-
視訊流位址內建
通過接口或其它方式擷取視訊流的位址,設定到web播放器|APP播放器|PC播放器中,進行播放。可以使用LivePlayer.js H5播放器。
3、分享頁面內建說明
3.1、 擷取通道分享頁面
3.1.1、檢視通道
上一層的裝置可以是一個NVR,一個下級平台,一個單兵裝置。點選裝置清單的 【檢視通道】,可以檢視到裝置下面具體的視訊通道(攝像頭)。
3.1.2、分享頁面
通道可以配置開啟分享, 分享之後,可以獲得一個具體的播放頁面,分享的是頁面位址并非原始流位址。可以直接內建分享頁面到自己的業務系統中(通過iframe方式內建)
3.1.2.1、開啟分享
LiveGBS可以控制單個視訊通道 ,是否可以被分享,預設不分享,可以在通道清單中開啟分享
3.1.2.2、分享頁面傳參
具體的分享頁面可以附件的一些參數可以參考:使用分享頁面
3.1.2.3、分享頁面播放
手機端可以直接掃碼觀看,或是 手機浏覽器通路分享的直播頁面
4、視訊流位址內建說明
4.1 擷取通道視訊直播流位址
4.1.1、直播流位址(頁面檢視擷取)
預設播放的 的直播流, 可以點選下面的選項,切換播放的直播流格式
這裡的點選播放,實際上是取視訊直播流位址,設定到播放器中的,下面會具體說明如何擷取視訊直播流位址
浏覽器可以先打開 f12 ,再檢視通道點選播放,也可以再 network中跟蹤到 接口調用和結果
4.1.2、直播流位址(接口調用擷取)
4.1.2.1、實時直播-開始直播接口說明
通過調用接口的方式擷取直播流位址,具體接口 實時直播 - 開始直播 /api/v1/stream/start
4.1.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/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"
}
4.1.2.3、擷取HTTP-FLV直播流位址
取接口傳回的 FLV 字段
"FLV": "http://192.168.2.135:10000/sms/34020000002020000001/flv/hls/34020000001110000234_34020000001320000234.flv",
4.1.2.4、擷取HLS直播流位址
取接口傳回的 HLS 字段
"HLS": "http://192.168.2.135:10000/sms/34020000002020000001/hls/34020000001110000234_34020000001320000234/34020000001110000234_34020000001320000234_live.m3u8",
4.1.2.5、擷取WebRTC直播流位址
取接口傳回的 WEBRTC字段
"WEBRTC": "webrtc://192.168.2.135:10000/sms/34020000002020000001/rtc/34020000001110000234_34020000001320000234",
4.1.2.6、擷取RTMP直播流位址
取接口傳回的 RTMP 字段,對應的 RTMP 端口需要在服務端開放 TCP
"RTMP": "rtmp://192.168.2.135:11935/hls/34020000001110000234_34020000001320000234",
4.1.2.7、擷取WS-FLV直播流位址
取接口傳回的 WS_FLV字段
"WS_FLV": "ws://192.168.2.135:10000/sms/34020000002020000001/ws-flv/hls/34020000001110000234_34020000001320000234.flv",
4.1.2.8、RTSP
4.1.2.8.1、開啟RTSP
在基礎配置 -> 流媒體服務配置中配置,RTSP端口,對應的 RTSP 端口需要在服務端開放 TCP
4.1.2.8.2、擷取RTSP直播流位址
取接口傳回的 RTSP 字段
"RTSP": "rtsp://192.168.2.135:554/34020000001110000234_34020000001320000234",
4.1.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}/{裝置國标編号}_{通道國标編号}
5、接口調用相關問題
LiveGBS國标GB/T28181流媒體平台調用接口時遇到401Unauthorized時怎麼辦?
6、搭建GB28181視訊直播平台
高穩GB/T28181國标流媒體伺服器軟體,支援裝置|平台GB28181注冊接入、向上級聯第三方國标平台,可視化的WEB頁面管理(頁面源碼開源);支援雲台控制、裝置錄像檢索、回放,支援語音對講,使用者管理,多種協定流輸出,實作浏覽器無插件直播
- 支援 Windows Linux 及其它CPU架構(國産、嵌入式…)作業系統
- 安裝包下載下傳 、安裝使用說明、WEB前端源碼