0
点赞
收藏
分享

微信扫一扫

使用LiveGBS GB28181平台监控视频录像回放如何在页面上嵌入录像时间轴


支持云端录像及设备录像的时间轴页面分享iframe页面集成时间轴录像回看页面

  • ​​1、时间轴回放分享页面​​
  • ​​1.1、 iframe示例​​
  • ​​1.2、 页面可配置参数​​
  • ​​1.3、设备录像示例​​
  • ​​1.4、云端录像示例​​
  • ​​1.5、页面示例​​
  • ​​2、搭建GB28181视频直播平台​​

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、页面示例

使用LiveGBS GB28181平台监控视频录像回放如何在页面上嵌入录像时间轴_回放时间轴

2、搭建GB28181视频直播平台

  • 支持 Windows Linux 及其它CPU架构(国产、嵌入式…)操作系统
  • ​​安装包下载​​​ 、​​安装使用说明​​​、​​WEB前端源码​​


举报

相关推荐

0 条评论