海康摄像头对接H5版本开发使用参考

海康摄像头H5版本demo使用步骤

重要提示

1. 海康官网

2. H5版本只能与海康的两个应用平台对接，分别是“iSecure Center 综合安防管理平台”和“Infovision IoT智能应用平台”，且需要iSecure Center V1.4.100以上版本或是Infovision IOT V1.6.1以上版本，以上两个平台都是海康的软件产品，需付费购买的，若只是单独的海康摄像头，不支持H5版本的demo访问

3. H5版本只支持获取H.264编码格式的视频流

4. H5版本只支持高版本的（windows chrome80+、Android browser、ios safari）浏览器

5. 媒体网关要求mgc_V5.11.101003 或 mgc_V5.13.100版本及以上

   该版本号可在http://ip:8001/center的海康的运行管理中心里面查看

5. 所有与海康应用平台接口对接的操作，都需要应用平台安装“API网关”组件，这个也是在运行管理中心中查看是否已安装，若是尚未安装，需联系现场海康人员进行安装。

6. H5版本需要使用“高级模式”（使用步骤中有说明）
7. H5版本目前只能使用Websocket协议获取视频流数据

准备工作

1. 海康H5版本的开发包，使用以下压缩包或官网下载最新的

   H5版本官网下载地址

2. 海康API调试工具，该工具官网没提供

可从以下网盘中下载

链接：https://pan.baidu.com/s/1HJH3SXP18C-3a2csol73pA
提取码：xss3
若地址失效可联系楼主更新

使用步骤

• 阶段一：正常访问demo中的测试页面

1. 解压H5开发包
2. 按照demo文件夹中的说明文件

​ 将demo.html和webs.exe复制到到bin文件夹下

3. 双击启动 webs.exe 服务

4. 浏览器访问 localhost/demo.html 若无法访问，有可能是80端口已被占用，可访问localhost:81/demo.html进行访问，依次类推

• 阶段二：获取所要合适的测试地址

1. 解压海康API调试工具

2. 双击启动文件夹中的 iSC_Http_Openapi.exe 服务

3. 获取关键参数“Appkey”和“Secret”，这两个参数均来自于运行管理中心

4. 设置为https请求，填写平台地址

5. 获取 cameraIndexCode

填入“请求URL”： 
	/api/resource/v1/cameras

填入“请求参数”：
{
    "pageNo": 1,
    "pageSize":2
}

将获取到的“cameraIndexCode”复制出来保存，该数据基本不会改变。

提示：该步骤建议配合iSecure Center 综合安防管理平台的预览功能一起使用，因为单纯获取无法确定该摄像头是否已开启和支持H.264编码流。通过预览功能和接口获取的摄像头名称对比，即可得知该摄像头是否能够使用。

6. 获取可以使用的预览地址

重新填写“请求URL”： /api/video/v2/cameras/previewURLs

重新“请求参数”：
{
    "cameraIndexCode": "",
    "streamType": 0,
    "protocol": "ws",
    "transmode": 1,
    "expand": "transcode=0",
    "streamform": "ps"
}

并将上一步提取出来的“cameraIndexCode”填入到对应位置，

点击测试，将获取预览地址的url提取出来

• 阶段三：使用demo预览对应地址的监控画面

在最先打开的网页中填写刚才获取的url地址

并选择“高级模式”，再点击预览按钮，即可查看监控的预览画面

最常见异常

​ 显示该摄像头不在运行中，实际上是我们获取的预览地址失效了，因为该预览地址只有5分钟的有效时间，只需将之前获取到的“cameraIndexCode”，放入获取预览地址的请求参数中，再重新获取一遍url即可。