天天看點

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

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,一個下級平台,一個單兵裝置。點選裝置清單的 【檢視通道】,可以檢視到裝置下面具體的視訊通道(攝像頭)。

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

3.1.2、分享頁面

通道可以配置開啟分享, 分享之後,可以獲得一個具體的播放頁面,分享的是頁面位址并非原始流位址。可以直接內建分享頁面到自己的業務系統中(通過iframe方式內建)
3.1.2.1、開啟分享

LiveGBS可以控制單個視訊通道 ,是否可以被分享,預設不分享,可以在通道清單中開啟分享

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP
3.1.2.2、分享頁面傳參

具體的分享頁面可以附件的一些參數可以參考:​​使用分享頁面​​

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP
3.1.2.3、分享頁面播放
LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

手機端可以直接掃碼觀看,或是 手機浏覽器通路分享的直播頁面

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

4、視訊流位址內建說明

4.1 擷取通道視訊直播流位址

4.1.1、直播流位址(頁面檢視擷取)

預設播放的 的直播流, 可以點選下面的選項,切換播放的直播流格式

這裡的點選播放,實際上是取視訊直播流位址,設定到播放器中的,下面會具體說明如何擷取視訊直播流位址

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

浏覽器可以先打開 f12 ,再檢視通道點選播放,也可以再 network中跟蹤到 接口調用和結果

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

4.1.2、直播流位址(接口調用擷取)

4.1.2.1、實時直播-開始直播接口說明

通過調用接口的方式擷取直播流位址,具體接口 ​​實時直播 - 開始直播 /api/v1/stream/start​​
LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP

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

LiveGBS國标視訊平台如何擷取接入視訊通道的直播流位址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP
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前端源碼​​

繼續閱讀