1. 程式人生 > 其它 >LiveGBS國標GB28181視訊平臺支援雲端錄影及裝置錄影的時間軸頁面分享iframe頁面整合時間軸回放分享頁面

LiveGBS國標GB28181視訊平臺支援雲端錄影及裝置錄影的時間軸頁面分享iframe頁面整合時間軸回放分享頁面

@

目錄

1、時間軸回放分享頁面

1.1、 iframe示例

<!-- 時間軸回放 -->
<iframe src="http://ip:10000/playback.html?type=device&serial=34020000001110000001&code=34020000001320000001" allowfullscreen allow="autoplay; fullscreen"></iframe>

1.2、 頁面可配置引數

其中 URL 引數:

  • type 回放型別, 裝置錄影/雲端錄影, 可選, device/cloud, 預設值為 device

  • serial 裝置國標編號

  • code 通道國標編號

  • day 當前日期, 可選, YYYYMMDD, 預設值為 當天

  • minutes 當前時間軸遊標位置, 可選, 0~1439, 預設值為 當前時間

  • calendar 是否顯示日曆, 可選, yes/no, 預設值為 yes

  • autoplay 是否自動播放, 可選, yes/no, 預設值為 yes

  • controls 是否顯示播放器控制欄, 可選, yes/no, 預設值為 yes

  • stretch 是否拉伸顯示, 可選, yes/no, 預設值為 no

  • muted 是否播放器靜音, 可選, yes/no, 預設值為 yes

  • protocol 播放流格式, 裝置錄影有效, 可選, webrtc/flv/ws_flv/hls/rtmp, 預設 auto check

1.3、裝置錄影示例

 <!-- 裝置錄影時間軸回放 ifame整合-->
<iframe src="http://ip:10000/playback.html?type=device&serial=34020000001110000001&code=34020000001320000001" allowfullscreen allow="autoplay; fullscreen"></iframe>

1.4、雲端錄影示例

 <!--雲端時間軸回放 ifame整合-->
<iframe src="http://ip:10000/playback.html?type=cloud&serial=34020000001110000001&code=34020000001320000001" allowfullscreen allow="autoplay; fullscreen"></iframe>

1.5、頁面示例

2、搭建GB28181視訊直播平臺

WEB:https://www.liveqing.com