敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,威尼斯人888-5845vip威尼斯电子游戏。
♦ 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: ""
}
*/