1. UIKit ActiveX 使用说明

2. 简洁

EZUIKit是基于萤石开放平台OpenSDK封装的UI组件,使用过程中不必学习专业的业务概念,更不用调用繁琐的接口,能够以极简的嵌入方式,快速在您的应用中集成视频功能。 详细了解EZOpen协议 EZUIKit是给客户端用户本地安装使用的,是一个exe执行文件。可以提供一个下载地址让用户下载安装.

3. 环境准备

接入语言: Javascript

控件名称: EZUIKit.exe

环境准备: 支持 浏览器IE8 IE9 IE10 支持 操作系统32Bit和64Bit

3.1. 一. 创建应用

首先,你需要在萤石开放平台官网的 “ 开发者服务-我的应用-应用秘钥 ” 查看Appkey。

3.2. 二. 安装 SDK

SDK 的安装方式

点击此处下载UIKit

1.双击安装EZUIKit.exe, 默认安装目录为:C:\Program Files (x86)\hik\EZUIKit

2.使用Javascript对接预览, 回放, 对讲, 云台控制等功能.

3.3. 三. 运行 Demo

使用Demo来描述EZUIKit_Demo.html文件

  • Step1: 浏览器加载控件,拖拽Demo到IE浏览器中,并浏览器页面中点击"允许阻止的内容"
  • Step2: 从https://open.ys7.com/平台拿到传入参数, 具体请看EZOPEN协议(https://open.ys7.com/doc/zh/readme/ezopen.html) 预览格式如下:
    {
    "AppKey":"[appkey]",
    "AccessToken":"[accesstoken]",
    "Url":"ezopen://[safekey]@open.ys7.com/[devserial]/1.hd.live"
    }
    
    回放格式如下:
    {
    "AppKey":"[appkey]",
    "AccessToken":"[accesstoken]",
    "Url":"ezopen://[safekey]@test2.ys7.com:9000/[devserial]/1.local.rec"
    }
    
  • Step3: 点击"开始播放", 如果播放成功, "播放结果" 窗口中会提示"播放成功!", 如果回放录像, 窗口会输出录像列表, 如果播放失败, "播放结果"窗口会提示播放错误码.
  • Step4: 播放过程中, 进行对讲, 云台控制, 截图功能.
  • Step5: 如果播放失败, 根据错误码参考EZUIKit 错误码

3.4. 四. 接口文档

查看接口EZUIKit SDK

3.5. 五. 播放,云台,对讲,截图 代码

//获取EZUIPlayer实例
var player = document.getElementById("EZUIKit");

//初始化EZUIKit
player.InitWithAppKey(appkey);

//设置授权token
player.SetAccessToken(accesstoken);

//开始播放
player.StartPlay(ezurl);

//开启对讲
player.StartTalk();

//截图功能
player.CapturePicture(lpPictureName);

//云台控制
player.PTZCtrl(LONG cmd, LONG action, LONG speed);

3.5.1. 1. 获取EZUIPlayer实例;

//获取EZUIPlayer实例
var player = document.getElementById("EZUIKit");

3.5.2. 2. 初始化EZUIKit


/**
* 初始化EZUIKit
* @param appkey      开发者申请的appkey
* @return
*/
player.InitWithAppKey(appkey);

3.5.3. 3. 设置授权accessToken说明---accessToken说明

/**
* 设置授权accesstoken,当app获取到token后需要传入到EZUIKit,底层sdk获得授权
* @param accessToken
*/
player.SetAccessToken(accesstoken);

3.5.4. 4. 开始播放

url ezopen私有协议播放URL,结果根据于消息回调MsgTypeezopen协议说明


/**
* 开始播放
*
* @param ezurl ezopen私有协议播放URL
*/
player.StartPlay(ezurl);

3.5.5. 5. 播放成功后, 截图功能, 输入文件名, 返回存储路径


/**
* 截图
*
* @param lpPictureName 图片名
*/
player.CapturePicture(lpPictureName);

3.5.6. 6. 播放成功后, 开启对讲(电脑上请插入麦克风), 通过消息回调判断是否开启成功


/**
* 开启对讲
*
*/
player.StartTalk();

3.5.7. 7. 播放成功后, 进行云台控制, 通过消息回调判断是否云台控制成功


/**
* 云台控制
*
* @param cmd 控制命令:上,下,左,右
* @param action 操作命令:开始,结束
* @param speed 云台速度:1~7
*/
player.PTZCtrl(cmd, action, speed);

//云台控制

3.6. 六. Demo代码

  1. 如果你已经安装好,EZUIKit.exe, 点击 EZUIKit_Demo 进行测试.

3.7. 七. 注意事项

  1. 如果是IE8 请使用EZUIKit_Demo_IE8.html进行测试.
  2. 如果支持IE理论, 仍然Demo提示未安装, 非常可能是由于系统安全限制demo正常加载控件, 解决方法: 选择EZUIKit_Demo->右键属性->常规->解除锁定.

results matching ""

    No results matching ""