敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,云顶集团3118-云顶集团3118acm登录入口。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
网络摄像机;
集成步骤:
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)); });
jsbridge.hkc.stoppreview({ //成功添加摄像机时返回的设备id device_id: 102 }, function(succ, data) { alert(succ ? "成功" : "失败:\n" json.stringify(data)); });
//需成功调用 startpreview 后才能抓拍照片 jsbridge.hkc.snapshot({ //成功添加摄像机时返回的设备id device_id: 102 }, function(succ, data) { alert(succ ? "成功" : "失败:\n" json.stringify(data)); }); /* 拍照成功时 data 返回: { //字符串类型,照片的 base64 编码,jpeg 格式 base64_image: "" } */