13 changed files with 720 additions and 35 deletions
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 26 KiB |
@ -1,6 +1,5 @@ |
|||
export const apiUrl = { |
|||
CisApiUrl: 'http://192.168.1.119:5000/api', |
|||
WebRtcUrl: 'http://192.168.1.119:8000', |
|||
OnvifApiUrl: '' |
|||
// CisApiUrl: 'https://192.168.1.119:5001/api'
|
|||
OnvifApiUrl: '', |
|||
} |
|||
|
|||
@ -0,0 +1,154 @@ |
|||
import axios from "axios"; |
|||
import exp from "constants"; |
|||
|
|||
// 视频点播、云台各种控制、录像回放和下载，主要就是这些接口，后面缺的再加就行
|
|||
// Ip : 113.200.190.167
|
|||
// username : liusuo
|
|||
// passwd : MapMap123
|
|||
|
|||
const service = axios.create({ |
|||
baseURL: '/', // api base_url
|
|||
timeout: 9000, // 请求超时时间
|
|||
}); |
|||
|
|||
service.interceptors.request.use( |
|||
request => { |
|||
// 处理 axios get请求特殊字符编码问题
|
|||
if (request.method === 'get' && request.params) { |
|||
let url: string = request.url || ''; |
|||
url += '?'; |
|||
let keys = Object.keys(request.params); |
|||
for (let key of keys) { |
|||
url += `${key}=${encodeURIComponent(request.params[key])}&`; |
|||
} |
|||
// url = url.substring(0, url.length - 1);
|
|||
request.url = url |
|||
request.params = {} |
|||
} |
|||
// 带上 token
|
|||
let viidToken = GetViidToken(); |
|||
if (!!viidToken) { |
|||
request.headers!.Authorization = viidToken; |
|||
} |
|||
return request; |
|||
} |
|||
) |
|||
|
|||
service.interceptors.response.use( |
|||
response => { |
|||
console.log(response); |
|||
if (response.status === 200 && (!response.data.ErrCode || response.data.ErrCode === 0)) { |
|||
return response.data; |
|||
} else { |
|||
console.error(response.data); |
|||
return Promise.reject(new Error(response.data)); |
|||
} |
|||
}, |
|||
error => { |
|||
console.error(error); |
|||
return Promise.reject(error); |
|||
} |
|||
) |
|||
|
|||
const apiUrl = { |
|||
YuShiApiUrl: 'http://113.200.190.167:8088/VIID', |
|||
YuShiVmUrl: 'http://113.200.190.167:7010/VIID', |
|||
} |
|||
export const vmIp="113.200.190.167" |
|||
export const username = "liusuo"; |
|||
export const passwd = "MapMap123"; |
|||
|
|||
enum ApiName { |
|||
Login = '/login', |
|||
KeepAlive = '/token/alive/keep', |
|||
Logout = '/logout', |
|||
LoginV2 = '/login/v2', |
|||
KeepAliveV2 = '/hadesadapter/user/keepalive', |
|||
Query = '/query', |
|||
QueryOrg = '/org/query/list', |
|||
PtzCtrl = '/ptz/ctrl' |
|||
} |
|||
|
|||
const baseUrl = apiUrl.YuShiApiUrl; |
|||
const vmUrl = apiUrl.YuShiVmUrl; |
|||
|
|||
let viidToken = '', vmToken = ''; |
|||
|
|||
export const GetViidToken = () => { |
|||
return viidToken; |
|||
} |
|||
|
|||
export const SetViidToken = (token: string) => { |
|||
viidToken = token; |
|||
} |
|||
|
|||
export const GetVmToken = () => { |
|||
return vmToken; |
|||
} |
|||
|
|||
export const SetVmToken = (token: string) => { |
|||
vmToken = token; |
|||
} |
|||
|
|||
export const Login = (params?: any) => service.post(baseUrl + ApiName.Login, params) |
|||
|
|||
export const KeepAlive = (params?: any) => service.post(baseUrl + ApiName.KeepAlive, params) |
|||
|
|||
export const Logout = (params?: any) => service.post(baseUrl + ApiName.Logout, params) |
|||
|
|||
export const LoginV2 = (params?: any) => service.post(baseUrl + ApiName.LoginV2, params) |
|||
|
|||
export const KeepAliveV2 = (params?: any) => service.post(baseUrl + ApiName.KeepAliveV2, params) |
|||
|
|||
export const Query = (params: any) => service.get(baseUrl + ApiName.Query, {params: params}) |
|||
|
|||
export const QueryOrg = (params: any) => service.get(baseUrl + ApiName.QueryOrg + `/${params.id}`, params.condition) |
|||
|
|||
export const PtzCtrl = (params: any) => service.post(baseUrl + ApiName.PtzCtrl+ `/${params.code}`, params) |
|||
|
|||
/** |
|||
* 发送云台控制指令 |
|||
* PTZCmdID { |
|||
* 转向中上 1026 开始 1025 停止 |
|||
* 转向右上 2050 开始 2049 停止 |
|||
* 转向右中 1282 开始 1281 停止 |
|||
* 转向右下 2052 开始 2051 停止 |
|||
* 转向中下 1028 开始 1027 停止 |
|||
* 转向左下 1796 开始 1795 停止 |
|||
* 转向左中 1284 开始 1283 停止 |
|||
* 转向左上 1794 开始 1793 停止 |
|||
* 变倍放大 770 开始 769 停止 |
|||
* 变倍缩小 772 开始 771 停止 |
|||
* 对焦放大 516 开始 515 停止 |
|||
* 对焦缩小 514 开始 513 停止 |
|||
* } |
|||
*/ |
|||
export enum PtzCmdId { |
|||
Up = 0x0402, |
|||
UpStop = 0x0401, |
|||
Down = 0x0404, |
|||
DownStop = 0x0403, |
|||
Left = 0x0504, |
|||
LeftStop = 0x0503, |
|||
Right = 0x0502, |
|||
RightStop = 0x0501, |
|||
LeftUp = 0x0702, |
|||
LeftUpStop = 0x0701, |
|||
LeftDown = 0x0704, |
|||
LeftDownStop = 0x0703, |
|||
RightUp = 0x0802, |
|||
RightUpStop = 0x0801, |
|||
RightDown = 0x0804, |
|||
RightDownStop = 0x0803, |
|||
ZoomIn = 0x0302, |
|||
ZoomInStop = 0x0301, |
|||
ZoomOut = 0x0304, |
|||
ZoomOutStop = 0x0303, |
|||
FocusZoomIn = 0x0204, |
|||
FocusZoomInStop = 0x0203, |
|||
FocusZoomOut = 0x0202, |
|||
FocusZoomOutStop = 0x0201, |
|||
AllStop = 0x0901 |
|||
} |
|||
|
|||
// export const Get = (params?: any) => axios.get(baseUrl + Api.Get, {params: params})
|
|||
@ -0,0 +1,258 @@ |
|||
let base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; |
|||
let base64DecodeChars = new Array(-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1); |
|||
|
|||
/** |
|||
* base64编码 |
|||
* @param {string} str 需要编码的字符串 |
|||
*/ |
|||
export function base64encode(str: string) { |
|||
let out, i, len; |
|||
let c1, c2, c3; |
|||
len = str.length; |
|||
i = 0; |
|||
out = ""; |
|||
while (i < len) { |
|||
c1 = str.charCodeAt(i++) & 0xff; |
|||
if (i == len) { |
|||
out += base64EncodeChars.charAt(c1 >> 2); |
|||
out += base64EncodeChars.charAt((c1 & 0x3) << 4); |
|||
out += "=="; |
|||
break; |
|||
} |
|||
c2 = str.charCodeAt(i++); |
|||
if (i == len) { |
|||
out += base64EncodeChars.charAt(c1 >> 2); |
|||
out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4)); |
|||
out += base64EncodeChars.charAt((c2 & 0xF) << 2); |
|||
out += "="; |
|||
break; |
|||
} |
|||
c3 = str.charCodeAt(i++); |
|||
out += base64EncodeChars.charAt(c1 >> 2); |
|||
out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4)); |
|||
out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6)); |
|||
out += base64EncodeChars.charAt(c3 & 0x3F); |
|||
} |
|||
return out; |
|||
} |
|||
|
|||
/* |
|||
* A JavaScript implementation of the RSA Data Security, Inc. MD5 Message |
|||
* Digest Algorithm, as defined in RFC 1321. |
|||
* Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. |
|||
* Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet |
|||
* Distributed under the BSD License |
|||
* See http://pajhome.org.uk/crypt/md5 for more info.
|
|||
*/ |
|||
/* |
|||
* Configurable variables. You may need to tweak these to be compatible with |
|||
* the server-side, but the defaults work in most cases. |
|||
*/ |
|||
let hexcase = 0; /* hex output format. 0 - lowercase; 1 - uppercase */ |
|||
let b64pad = ""; /* base-64 pad character. "=" for strict RFC compliance */ |
|||
let chrsz = 8; /* bits per input character. 8 - ASCII; 16 - Unicode */ |
|||
|
|||
/* |
|||
* These are the functions you'll usually want to call |
|||
* They take string arguments and return either hex or base-64 encoded strings |
|||
*/ |
|||
export function hex_md5(s: string) { |
|||
return binl2hex(core_md5(str2binl(s), s.length * chrsz)); |
|||
} |
|||
|
|||
function b64_md5(s: string) { |
|||
return binl2b64(core_md5(str2binl(s), s.length * chrsz)); |
|||
} |
|||
|
|||
function str_md5(s: string) { |
|||
return binl2str(core_md5(str2binl(s), s.length * chrsz)); |
|||
} |
|||
|
|||
/* |
|||
* Perform a simple self-test to see if the VM is working |
|||
*/ |
|||
function md5_vm_test() { |
|||
return hex_md5("abc") == "900150983cd24fb0d6963f7d28e17f72"; |
|||
} |
|||
|
|||
/* |
|||
* Calculate the MD5 of an array of little-endian words, and a bit length |
|||
*/ |
|||
function core_md5(x: any[], len: number) { |
|||
/* append padding */ |
|||
x[len >> 5] |= 0x80 << ((len) % 32); |
|||
x[(((len + 64) >>> 9) << 4) + 14] = len; |
|||
let a = 1732584193; |
|||
let b = -271733879; |
|||
let c = -1732584194; |
|||
let d = 271733878; |
|||
for (let i = 0; i < x.length; i += 16) { |
|||
let olda = a; |
|||
let oldb = b; |
|||
let oldc = c; |
|||
let oldd = d; |
|||
a = md5_ff(a, b, c, d, x[i + 0], 7, -680876936); |
|||
d = md5_ff(d, a, b, c, x[i + 1], 12, -389564586); |
|||
c = md5_ff(c, d, a, b, x[i + 2], 17, 606105819); |
|||
b = md5_ff(b, c, d, a, x[i + 3], 22, -1044525330); |
|||
a = md5_ff(a, b, c, d, x[i + 4], 7, -176418897); |
|||
d = md5_ff(d, a, b, c, x[i + 5], 12, 1200080426); |
|||
c = md5_ff(c, d, a, b, x[i + 6], 17, -1473231341); |
|||
b = md5_ff(b, c, d, a, x[i + 7], 22, -45705983); |
|||
a = md5_ff(a, b, c, d, x[i + 8], 7, 1770035416); |
|||
d = md5_ff(d, a, b, c, x[i + 9], 12, -1958414417); |
|||
c = md5_ff(c, d, a, b, x[i + 10], 17, -42063); |
|||
b = md5_ff(b, c, d, a, x[i + 11], 22, -1990404162); |
|||
a = md5_ff(a, b, c, d, x[i + 12], 7, 1804603682); |
|||
d = md5_ff(d, a, b, c, x[i + 13], 12, -40341101); |
|||
c = md5_ff(c, d, a, b, x[i + 14], 17, -1502002290); |
|||
b = md5_ff(b, c, d, a, x[i + 15], 22, 1236535329); |
|||
a = md5_gg(a, b, c, d, x[i + 1], 5, -165796510); |
|||
d = md5_gg(d, a, b, c, x[i + 6], 9, -1069501632); |
|||
c = md5_gg(c, d, a, b, x[i + 11], 14, 643717713); |
|||
b = md5_gg(b, c, d, a, x[i + 0], 20, -373897302); |
|||
a = md5_gg(a, b, c, d, x[i + 5], 5, -701558691); |
|||
d = md5_gg(d, a, b, c, x[i + 10], 9, 38016083); |
|||
c = md5_gg(c, d, a, b, x[i + 15], 14, -660478335); |
|||
b = md5_gg(b, c, d, a, x[i + 4], 20, -405537848); |
|||
a = md5_gg(a, b, c, d, x[i + 9], 5, 568446438); |
|||
d = md5_gg(d, a, b, c, x[i + 14], 9, -1019803690); |
|||
c = md5_gg(c, d, a, b, x[i + 3], 14, -187363961); |
|||
b = md5_gg(b, c, d, a, x[i + 8], 20, 1163531501); |
|||
a = md5_gg(a, b, c, d, x[i + 13], 5, -1444681467); |
|||
d = md5_gg(d, a, b, c, x[i + 2], 9, -51403784); |
|||
c = md5_gg(c, d, a, b, x[i + 7], 14, 1735328473); |
|||
b = md5_gg(b, c, d, a, x[i + 12], 20, -1926607734); |
|||
a = md5_hh(a, b, c, d, x[i + 5], 4, -378558); |
|||
d = md5_hh(d, a, b, c, x[i + 8], 11, -2022574463); |
|||
c = md5_hh(c, d, a, b, x[i + 11], 16, 1839030562); |
|||
b = md5_hh(b, c, d, a, x[i + 14], 23, -35309556); |
|||
a = md5_hh(a, b, c, d, x[i + 1], 4, -1530992060); |
|||
d = md5_hh(d, a, b, c, x[i + 4], 11, 1272893353); |
|||
c = md5_hh(c, d, a, b, x[i + 7], 16, -155497632); |
|||
b = md5_hh(b, c, d, a, x[i + 10], 23, -1094730640); |
|||
a = md5_hh(a, b, c, d, x[i + 13], 4, 681279174); |
|||
d = md5_hh(d, a, b, c, x[i + 0], 11, -358537222); |
|||
c = md5_hh(c, d, a, b, x[i + 3], 16, -722521979); |
|||
b = md5_hh(b, c, d, a, x[i + 6], 23, 76029189); |
|||
a = md5_hh(a, b, c, d, x[i + 9], 4, -640364487); |
|||
d = md5_hh(d, a, b, c, x[i + 12], 11, -421815835); |
|||
c = md5_hh(c, d, a, b, x[i + 15], 16, 530742520); |
|||
b = md5_hh(b, c, d, a, x[i + 2], 23, -995338651); |
|||
a = md5_ii(a, b, c, d, x[i + 0], 6, -198630844); |
|||
d = md5_ii(d, a, b, c, x[i + 7], 10, 1126891415); |
|||
c = md5_ii(c, d, a, b, x[i + 14], 15, -1416354905); |
|||
b = md5_ii(b, c, d, a, x[i + 5], 21, -57434055); |
|||
a = md5_ii(a, b, c, d, x[i + 12], 6, 1700485571); |
|||
d = md5_ii(d, a, b, c, x[i + 3], 10, -1894986606); |
|||
c = md5_ii(c, d, a, b, x[i + 10], 15, -1051523); |
|||
b = md5_ii(b, c, d, a, x[i + 1], 21, -2054922799); |
|||
a = md5_ii(a, b, c, d, x[i + 8], 6, 1873313359); |
|||
d = md5_ii(d, a, b, c, x[i + 15], 10, -30611744); |
|||
c = md5_ii(c, d, a, b, x[i + 6], 15, -1560198380); |
|||
b = md5_ii(b, c, d, a, x[i + 13], 21, 1309151649); |
|||
a = md5_ii(a, b, c, d, x[i + 4], 6, -145523070); |
|||
d = md5_ii(d, a, b, c, x[i + 11], 10, -1120210379); |
|||
c = md5_ii(c, d, a, b, x[i + 2], 15, 718787259); |
|||
b = md5_ii(b, c, d, a, x[i + 9], 21, -343485551); |
|||
a = safe_add(a, olda); |
|||
b = safe_add(b, oldb); |
|||
c = safe_add(c, oldc); |
|||
d = safe_add(d, oldd); |
|||
} |
|||
return Array(a, b, c, d); |
|||
} |
|||
|
|||
/* |
|||
* These functions implement the four basic operations the algorithm uses. |
|||
*/ |
|||
function md5_cmn(q: number, a: number, b: number, x: number, s: number, t: number) { |
|||
return safe_add(bit_rol(safe_add(safe_add(a, q), safe_add(x, t)), s), b); |
|||
} |
|||
|
|||
function md5_ff(a: number, b: number, c: number, d: number, x: number, s: number, t: number) { |
|||
return md5_cmn((b & c) | ((~b) & d), a, b, x, s, t); |
|||
} |
|||
|
|||
function md5_gg(a: number, b: number, c: number, d: number, x: number, s: number, t: number) { |
|||
return md5_cmn((b & d) | (c & (~d)), a, b, x, s, t); |
|||
} |
|||
|
|||
function md5_hh(a: number, b: number, c: number, d: number, x: number, s: number, t: number) { |
|||
return md5_cmn(b ^ c ^ d, a, b, x, s, t); |
|||
} |
|||
|
|||
function md5_ii(a: number, b: number, c: number, d: number, x: number, s: number, t: number) { |
|||
return md5_cmn(c ^ (b | (~d)), a, b, x, s, t); |
|||
} |
|||
|
|||
/* |
|||
* Add integers, wrapping at 2^32. This uses 16-bit operations internally |
|||
* to work around bugs in some JS interpreters. |
|||
*/ |
|||
function safe_add(x: number, y: number) { |
|||
let lsw = (x & 0xFFFF) + (y & 0xFFFF); |
|||
let msw = (x >> 16) + (y >> 16) + (lsw >> 16); |
|||
return (msw << 16) | (lsw & 0xFFFF); |
|||
} |
|||
|
|||
/* |
|||
* Bitwise rotate a 32-bit number to the left. |
|||
*/ |
|||
function bit_rol(num: number, cnt: number) { |
|||
return (num << cnt) | (num >>> (32 - cnt)); |
|||
} |
|||
|
|||
/* |
|||
* Convert a string to an array of little-endian words |
|||
* If chrsz is ASCII, characters >255 have their hi-byte silently ignored. |
|||
*/ |
|||
function str2binl(str: string) { |
|||
let bin = Array(); |
|||
let mask = (1 << chrsz) - 1; |
|||
for (let i = 0; i < str.length * chrsz; i += chrsz) |
|||
bin[i >> 5] |= (str.charCodeAt(i / chrsz) & mask) << (i % 32); |
|||
return bin; |
|||
} |
|||
|
|||
/* |
|||
* Convert an array of little-endian words to a string |
|||
*/ |
|||
function binl2str(bin: any) { |
|||
let str = ""; |
|||
let mask = (1 << chrsz) - 1; |
|||
for (let i = 0; i < bin.length * 32; i += chrsz) |
|||
str += String.fromCharCode((bin[i >> 5] >>> (i % 32)) & mask); |
|||
return str; |
|||
} |
|||
|
|||
/* |
|||
* Convert an array of little-endian words to a hex string. |
|||
*/ |
|||
function binl2hex(binarray: any) { |
|||
let hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef"; |
|||
let str = ""; |
|||
for (let i = 0; i < binarray.length * 4; i++) { |
|||
str += hex_tab.charAt((binarray[i >> 2] >> ((i % 4) * 8 + 4)) & 0xF) + |
|||
hex_tab.charAt((binarray[i >> 2] >> ((i % 4) * 8)) & 0xF); |
|||
} |
|||
return str; |
|||
} |
|||
|
|||
/* |
|||
* Convert an array of little-endian words to a base-64 string |
|||
*/ |
|||
function binl2b64(binarray: any) { |
|||
let tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; |
|||
let str = ""; |
|||
for (let i = 0; i < binarray.length * 4; i += 3) { |
|||
let triplet = (((binarray[i >> 2] >> 8 * (i % 4)) & 0xFF) << 16) |
|||
| (((binarray[i + 1 >> 2] >> 8 * ((i + 1) % 4)) & 0xFF) << 8) |
|||
| ((binarray[i + 2 >> 2] >> 8 * ((i + 2) % 4)) & 0xFF); |
|||
for (let j = 0; j < 4; j++) { |
|||
if (i * 8 + j * 6 > binarray.length * 32) str += b64pad; |
|||
else str += tab.charAt((triplet >> 6 * (3 - j)) & 0x3F); |
|||
} |
|||
} |
|||
return str; |
|||
} |
|||
@ -1,12 +1,25 @@ |
|||
import axios from "axios"; |
|||
|
|||
let apiBaseUrl = "/api"; |
|||
|
|||
const service = axios.create({ |
|||
baseURL: apiBaseUrl, // api base_url
|
|||
baseURL: '', // api base_url
|
|||
timeout: 9000, // 请求超时时间
|
|||
}); |
|||
|
|||
service.interceptors.response.use( |
|||
response => { |
|||
if (response.data.success) { |
|||
return response.data; |
|||
} else { |
|||
console.error(response.data.message); |
|||
return Promise.reject(new Error(response.data.message)); |
|||
} |
|||
}, |
|||
error => { |
|||
console.error(error.message); |
|||
return Promise.reject(error); |
|||
} |
|||
) |
|||
|
|||
export { |
|||
service as axios, |
|||
} |
|||
@ -0,0 +1,252 @@ |
|||
<template> |
|||
<button @click="test">test</button> |
|||
<br> |
|||
<br> |
|||
<button @click="login">Login</button> |
|||
<br> |
|||
<br> |
|||
<button @click="loginV2">LoginV2</button> |
|||
<br> |
|||
<br> |
|||
<button @click="getOrgs">GetOrgs</button> |
|||
<br> |
|||
<br> |
|||
<button @click="getCameras">GetCameras</button> |
|||
<br> |
|||
<br> |
|||
<div> |
|||
<span>摄像机编码：</span><input type="text" id="cameraCode" value="61010000001310000001"/> |
|||
</div> |
|||
<br> |
|||
<button @click="creatVideoPanel">CreatVideoPanel</button> |
|||
<br> |
|||
<br> |
|||
<div> |
|||
<h2>发送云台控制指令</h2> |
|||
<div> |
|||
<p><span>云台命令：</span><input type="text" id="ptzCode" value="0x0402"/></p> |
|||
<p><span>云台转速(1~9)：</span><input type="text" id="ptzSpeed" value="5"/></p> |
|||
<button @click="ptzControl">PtzControl</button> |
|||
</div> |
|||
</div> |
|||
<br> |
|||
<br> |
|||
</template> |
|||
|
|||
<script> |
|||
import {defineComponent, ref} from 'vue'; |
|||
import * as ysApi from '@/api/yushi/yushiApi'; |
|||
import * as ysHelper from '@api/yushi/yushiHelper' |
|||
import qs from "qs"; |
|||
|
|||
let username = ysApi.username; |
|||
let passwd = ysApi.passwd; |
|||
|
|||
export default defineComponent({ |
|||
data() { |
|||
return {}; |
|||
}, |
|||
mounted() { |
|||
window.playLive = (iframeId) => { |
|||
this.playLive(iframeId); |
|||
} |
|||
window.stopPlay = (iframeId) => { |
|||
this.stopPlay(iframeId); |
|||
} |
|||
}, |
|||
methods: { |
|||
test() { |
|||
let loginSignature = ysHelper.hex_md5(ysHelper.base64encode(username)); |
|||
console.log(loginSignature); |
|||
}, |
|||
login() { |
|||
if (!!ysApi.GetViidToken()) return; |
|||
ysApi.Login().then((data) => { |
|||
console.log(data); |
|||
let accessCode = data.AccessCode; |
|||
let loginSignature = ysHelper.hex_md5(ysHelper.base64encode(username) + accessCode + ysHelper.hex_md5(passwd)); |
|||
let params = { |
|||
UserName: username, |
|||
AccessCode: accessCode, |
|||
LoginSignature: loginSignature |
|||
} |
|||
ysApi.Login(params).then((data) => { |
|||
console.log(data); |
|||
let accessToken = data.AccessToken; |
|||
ysApi.SetViidToken(accessToken); |
|||
}); |
|||
}); |
|||
}, |
|||
loginV2() { |
|||
if (!!ysApi.GetViidToken()) return; |
|||
ysApi.LoginV2().then((data) => { |
|||
console.log(data); |
|||
let accessCode = data.AccessCode; |
|||
let loginSignature = ysHelper.hex_md5(ysHelper.base64encode(username) + accessCode + ysHelper.hex_md5(passwd)); |
|||
let params = { |
|||
UserName: username, |
|||
AccessCode: accessCode, |
|||
LoginSignature: loginSignature |
|||
} |
|||
ysApi.LoginV2(params).then((data) => { |
|||
console.log(data); |
|||
let accessToken = data.AccessToken; |
|||
ysApi.SetViidToken(accessToken); |
|||
ysApi.SetVmToken(accessToken); |
|||
this.initImosSdk(); |
|||
}); |
|||
}); |
|||
}, |
|||
initImosSdk() { |
|||
//在使用https 的时候设置为https 代理端口号 |
|||
let isHttps = "https:" === document.location.protocol; |
|||
if (isHttps) imosSdk.setLinkPort("7077"); |
|||
imosSdk.init( |
|||
ysApi.vmIp,//VMip地址 |
|||
ysApi.GetVmToken(),//登录VIID所返回的token值 |
|||
16,//最多允许同时播放窗格数，最大值16 |
|||
"/app/imosSdk.html",//回调页面的绝对url路径 |
|||
true,//是否自动保活，默认为true：自动保活。B3351P01及以后版本建议此处填写false，通过2.1.3保活接口进行手动保活。 |
|||
).then(function (res) { |
|||
alert("登录成功"); |
|||
//设置后续事件回调 |
|||
imosSdk.registerLiveMsg((result) => { |
|||
console.log(result) |
|||
}) |
|||
|
|||
}).catch(function (err) { |
|||
console.log(err); |
|||
alert("调用失败" + err); |
|||
}); |
|||
}, |
|||
getOrgs() { |
|||
let params = { |
|||
id: "iccsid", |
|||
condition: JSON.stringify({ |
|||
"ItemNum": 1, |
|||
"Condition": [{ |
|||
"QueryType": 1, |
|||
"LogicFlag": 5, |
|||
"QueryData": "" |
|||
}], |
|||
QueryCount: 1, |
|||
PageFirstRowNumber: 0, |
|||
PageRowNum: 30 |
|||
}) |
|||
}; |
|||
ysApi.QueryOrg(params).then((data) => { |
|||
console.log(data); |
|||
// ResStatus, 资源状态（1为在线，2为离线，0为不可用） |
|||
}); |
|||
}, |
|||
getCameras() { |
|||
let params = { |
|||
org: "iccsid", //非必填，如果不填默认查本域 iccsid |
|||
condition: JSON.stringify({ |
|||
ItemNum: 3, |
|||
Condition: [{ |
|||
"QueryType": 256, |
|||
"LogicFlag": 0, |
|||
"QueryData": "1001" |
|||
}, { |
|||
"QueryType": 257, |
|||
"LogicFlag": 0, |
|||
"QueryData": "1"//"0":不查子组织、"1":查子组织 |
|||
}, { |
|||
"QueryType": 1, |
|||
"LogicFlag": 5,//0: 等于, 1: 大于, 2: 小于, 3: 大于等于, 4: 小于等于, 5: 模糊查询, 6: 升序, 7: 降序, 8: 不等于, 13: NOT LIKE |
|||
"QueryData": "" |
|||
}], |
|||
QueryCount: 1, |
|||
PageFirstRowNumber: 0, |
|||
PageRowNum: 30 |
|||
}) |
|||
}; |
|||
ysApi.Query(params).then((data) => { |
|||
console.log(data); |
|||
}); |
|||
}, |
|||
ptzControl() { |
|||
let cameraCode = document.getElementById("cameraCode").value; |
|||
let params = { |
|||
code: cameraCode, |
|||
PTZCmdID: ysApi.PtzCmdId.Left, |
|||
PTZCmdPara1: 3, |
|||
PTZCmdPara2: 3, |
|||
PTZCmdPara3: 0 |
|||
} |
|||
ysApi.PtzCtrl(params).then((data) => { |
|||
console.log(data); |
|||
setTimeout(function () { |
|||
params.PTZCmdID = ysApi.PtzCmdId.AllStop; |
|||
ysApi.PtzCtrl(params).then((data) => { |
|||
|
|||
}); |
|||
}, 3000); |
|||
}) |
|||
}, |
|||
creatVideoPanel() { |
|||
let iframeObj = imosSdk.createPanelWindow(); |
|||
// 如果窗格创建已经到达上限 |
|||
if (iframeObj === null) { |
|||
alert("窗格创建已经到达上限"); |
|||
return; |
|||
} |
|||
this.createVideoDiv(iframeObj); |
|||
}, |
|||
createVideoDiv(iframeObj) { |
|||
let divDom = document.createElement("div"); |
|||
let date = new Date(); |
|||
divDom.innerHTML = |
|||
"<button onclick=\"playLive('" + |
|||
iframeObj.id + |
|||
'\')">播放实况</button>' + |
|||
"<button onclick=\"stopPlay('" + |
|||
iframeObj.id + |
|||
"')\">停止播放</button></p>" + |
|||
'<p><input id="startd' + |
|||
iframeObj.id + |
|||
'" type="date" value="' + date.getFullYear() + '-' + ("0" + (date.getMonth() + 1)).substr(-2) + '-' + ("0" + date.getDate()).substr(-2) + '"/>' + |
|||
'<input id="startt' + |
|||
iframeObj.id + |
|||
'" type="time" value="01:00:00" step="1"/>' + |
|||
'<input id="endd' + |
|||
iframeObj.id + |
|||
'" type="date" value="' + date.getFullYear() + '-' + ("0" + (date.getMonth() + 1)).substr(-2) + '-' + ("0" + date.getDate()).substr(-2) + '" step="1"/>' + |
|||
'<input id="endt' + |
|||
iframeObj.id + |
|||
'" type="time" value="23:59:59" step="1"/></p>' + |
|||
"<p><button onclick=\"replay('" + |
|||
iframeObj.id + |
|||
')" >播放回放</button>' + |
|||
'<button onclick="continuePlay(\'' + iframeObj.id + '\')">播放</button>' + |
|||
'<button onclick="pausePlay(\'' + iframeObj.id + '\')">暂停</button>' + |
|||
'<button onclick="playSpeed(\'' + iframeObj.id + '\')" id="' + iframeObj.id + '-speed">切换到2倍速</button>' + |
|||
'<button onclick="singleFrame(\'' + iframeObj.id + '\')">单帧</button>' + |
|||
'<button onclick="stepFrame(\'' + iframeObj.id + '\')">逐帧</button>' + |
|||
'<button onclick="playcatch(\'' + iframeObj.id + '\')">抓拍</button></p>' + |
|||
'<p><button onclick="addTitleBtn(\'' + iframeObj.id + '\')">增加自定义标题按钮</button>' + |
|||
'<button onclick="delTitleBtn(\'' + iframeObj.id + '\')">删除标题按钮</button></p>' + |
|||
'</p>' + |
|||
'<p><button onclick="playStatus(\'' + iframeObj.id + '\')">状态输出到控制台</button>' + |
|||
'<input type="text" value="2020-04-03 13:30:00" id="recordJump"/>' + |
|||
'<button onclick="recordJump(\'' + iframeObj.id + '\')">跳转播放</button></p>'; |
|||
divDom.appendChild(iframeObj); |
|||
document.body.appendChild(divDom); |
|||
this.playLive(iframeObj.id); |
|||
}, |
|||
playLive(iframeId) { |
|||
let cameraCode = document.getElementById("cameraCode").value; |
|||
imosSdk.playLive(iframeId, cameraCode, cameraCode, (e) => { |
|||
console.log(e); |
|||
}); |
|||
}, |
|||
stopPlay(iframeId){ |
|||
imosSdk.playStop(iframeId, (e) => { |
|||
console.log(e); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
</script> |
|||
Loading…
Reference in new issue