敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20250507.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
海康威视 网络摄像机;
集成步骤:
1. addDevice 添加(登录)设备,获取设备ID device_id;
2. addPreview 添加预览窗口到你的UI;
3. startPreview 开始预览视频;
4. snapshot 抓拍快照(需成功调用 startPreview 后才能抓拍照片);
jsBridge.hkc.addDevice({
//IP地址
ip : "192.168.0.100",
//端口号
port: 8000,
username: "登录名",
password: "密码"
}, function(succ, data) {
alert((succ ? "成功" : "失败") + ":\n" + JSON.stringify(data));
});
/*
登录成功时 data 返回:
{
device_id: 102, //数字类型,设备ID
ip : "192.168.0.100", //字符串类型,IP地址
channels : [ //字符串数组,此设备支持的视频通道
"ACamera_1",
"ACamera_2"
//...
],
streams: [ //数字数组,视频流类型
0, //main_stream
1, //sub_stream
2 //third_stream
]
}
*/
jsBridge.hkc.getDevices(function(succ, devices) {
//devices 为 addDevice 接口执行成功时返回的 data 数组
alert(devices.length + "个设备\n" + JSON.stringify(devices));
});
jsBridge.hkc.addPreview({
//成功添加摄像机时返回的设备ID
device_id: 102,
//预览窗口宽度
width : 240,
//高度
height: 135,
//顶边距
top : 20,
//左边距
left: 4
}, function(succ, data) {
alert(succ ? "成功" : "失败:\n" + JSON.stringify(data));
});
jsBridge.hkc.removePreview({
//成功添加摄像机时返回的设备ID
device_id: 102
}, function(succ, data) {
alert(succ ? "成功" : "失败:\n" + JSON.stringify(data));
});
jsBridge.hkc.startPreview({
//成功添加摄像机时返回的设备ID
device_id: 102,
//视频通道
channel: "ACamera_1",
//视频流类型
//0 主视频流
//1 子视频流
stream : 0
}, function(succ, data) {
alert(succ ? "成功" : "失败:\n" + JSON.stringify(data));
});