LiveNVR 直播流拉转：Onvif/RTSP/RTMP/FLV/HLS 支持海康宇视天地 SDK 接入-视频广场页面集成与视频播放说明

LiveNVR直播流拉转：Onvif/RTSP/RTMP/FLV/HLS支持海康宇视天地SDK接入-视频广场页面集成与视频播放说明

- 一、视频页面集成
- - 1.1 关闭接口鉴权
  - 1.2 视频广场页面集成
  - - 1.2.1 隐藏菜单栏
    - 1.2.2 隐藏播放页面分享链接
  - 1.3 其它页面集成
- 二、播放分享页面集成
- - 2.1 获取 iframe 代码
  - 2.2 html 集成 iframe 示例
  - 2.3 分享页面参数说明
- 三、视频流地址获取集成
- - 3.1 直播流地址获取
  - 3.2 H5 直播点播播放器
- 四、RTSP/HLS/FLV/RTMP 拉流 Onvif 流媒体服务

一、视频页面集成

1.1 关闭接口鉴权

若要进行视频页面集成，首先需关闭接口鉴权。具体操作如下：登录 LiveNVR 后台页面，依次点击“基础配置” - “LiveNVR 基础配置”，取消勾选“接口鉴权”和“禁止游客访问”。默认情况下，接口鉴权处于开启状态，可参考下图操作：
在这里插入图片描述

1.2 视频广场页面集成

1.2.1 隐藏菜单栏

若想在集成视频广场页面时隐藏菜单栏，可在访问链接中添加 menu=no 参数。例如，使用链接 https://nvr.liveqing.com:10810/?menu=no#/index/icons 访问页面，即可实现菜单栏隐藏效果，具体效果如图所示：
在这里插入图片描述

1.2.2 隐藏播放页面分享链接

若要隐藏播放页面的分享链接，可在访问链接中添加 share=no 参数。示例链接为 https://nvr.liveqing.com:10810/?menu=no&share=no#/index/icons，隐藏分享链接后的页面效果如下：
在这里插入图片描述

1.3 其它页面集成

menu=no 附加参数适用于所有页面，借助该参数能够快速将页面集成到内网系统中。

二、播放分享页面集成

2.1 获取 iframe 代码

若要进行播放分享页面的集成，可先从视频广场中点击一个视频进行播放，在播放页面的下方会显示 iframe 集成代码，可参考下图获取：
在这里插入图片描述

2.2 html 集成 iframe 示例

以下是完整的 HTML 代码示例，用于集成 iframe 实现视频播放：

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>青柿视频流媒体服务解决方案</title></head><body><iframe src="http://192.168.2.135:8080/play.html?channel=1&iframe=yes&aspect=640x360" width="640" height="360" allowfullscreen allow="autoplay"></iframe></body>
</html>

2.3 分享页面参数说明

为了方便客户在网页中集成播放功能，我们专门提供了可供 HTML iframe 集成的分享页，其链接格式如下：
http://ip:port/play.html?channel=xx
其中，URL 参数说明如下：

channel：通道号，用于指定播放的视频通道。
aspect：可选参数，用于配置只显示视频播放区域，并指定宽高比。格式为 wxh，例如 640x360 表示 16:9 的宽高比；当 aspect=fullscreen 时，整页显示播放器。
share：可选参数，用于控制是否显示分享功能。取值为 yes 或 no，默认值为 yes。
fluent：可选参数，用于指定是否以流畅模式播放。取值为 yes 或 no，默认值为 yes。
autoplay：可选参数，用于控制视频是否自动播放。取值为 yes 或 no，默认值为 yes。
controls：可选参数，用于控制是否显示播放器控制栏。取值为 yes 或 no，默认值为 yes。
stretch：可选参数，用于控制视频是否拉伸显示。取值为 yes 或 no，默认值为 no。
muted：可选参数，用于控制播放器是否静音。取值为 yes 或 no，默认值为 yes。
protocol：可选参数，用于指定播放流格式。取值为 rtmp、hls、flv、ws_flv，默认值为自动检测（auto check）。