Browse Source

yushi test demo

master
fajiao 2 years ago
parent
commit
a7920ae715
  1. 1
      Frontend/index.html
  2. 2
      Frontend/public/yushi/imosSdk.min.js
  3. BIN
      Frontend/public/yushi/ptz.png
  4. BIN
      Frontend/public/yushi/ptz_btn.png
  5. 0
      Frontend/src/api/core/onvifApi.ts
  6. 3
      Frontend/src/api/index.ts
  7. 154
      Frontend/src/api/yushi/yushiApi.ts
  8. 258
      Frontend/src/api/yushi/yushiHelper.ts
  9. 19
      Frontend/src/utils/axios.ts
  10. 61
      Frontend/src/views/index.vue
  11. 2
      Frontend/src/views/page/cameraCenter.vue
  12. 252
      Frontend/src/views/page/yushi.vue
  13. 3
      Frontend/tsconfig.json

1
Frontend/index.html

@ -13,5 +13,6 @@
</html> </html>
<!-- 全局配置 --> <!-- 全局配置 -->
<script src="/webrtc-streamer/webrtcstreamer.js"></script> <script src="/webrtc-streamer/webrtcstreamer.js"></script>
<script src="/yushi/imosSdk.min.js"></script>
<script> <script>
</script> </script>

2
Frontend/public/yushi/imosSdk.min.js

File diff suppressed because one or more lines are too long

BIN
Frontend/public/yushi/ptz.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
Frontend/public/yushi/ptz_btn.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

0
Frontend/src/api/onvif/onvif.ts → Frontend/src/api/core/onvifApi.ts

3
Frontend/src/api/index.ts

@ -1,6 +1,5 @@
export const apiUrl = { export const apiUrl = {
CisApiUrl: 'http://192.168.1.119:5000/api', CisApiUrl: 'http://192.168.1.119:5000/api',
WebRtcUrl: 'http://192.168.1.119:8000', WebRtcUrl: 'http://192.168.1.119:8000',
OnvifApiUrl: '' OnvifApiUrl: '',
// CisApiUrl: 'https://192.168.1.119:5001/api'
} }

154
Frontend/src/api/yushi/yushiApi.ts

@ -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})

258
Frontend/src/api/yushi/yushiHelper.ts

@ -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;
}

19
Frontend/src/utils/axios.ts

@ -1,12 +1,25 @@
import axios from "axios"; import axios from "axios";
let apiBaseUrl = "/api";
const service = axios.create({ const service = axios.create({
baseURL: apiBaseUrl, // api base_url baseURL: '', // api base_url
timeout: 9000, // 请求超时时间 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 { export {
service as axios, service as axios,
} }

61
Frontend/src/views/index.vue

@ -1,42 +1,47 @@
<template> <template>
<a-layout style="height: 100%;"> <a-layout style="height: 100%;">
<a-layout-header class="header" style="padding: 0;"> <a-layout-header class="header" style="padding: 0;">
<div style="float: left; padding: 0 20px 0 20px;"><img src="@assets/vue.svg" alt=""/></div> <div style="float: left; padding: 0 20px 0 20px;"><img src="@assets/vue.svg" alt=""/></div>
<a-menu <a-menu
theme="dark" theme="dark"
mode="horizontal" mode="horizontal"
style="line-height: 64px;" style="line-height: 64px;"
> >
<a-menu-item key="curd" @click="pageName='curd'">Curd</a-menu-item> <a-menu-item key="curd" @click="pageName='curd'">Curd</a-menu-item>
<a-menu-item key="cameraCenter" @click="pageName='cameraCenter'">CameraCenter</a-menu-item> <a-menu-item key="cameraCenter" @click="pageName='cameraCenter'">CameraCenter</a-menu-item>
</a-menu> <a-menu-item key="yushi" @click="pageName='yushi'">yushi</a-menu-item>
</a-layout-header> </a-menu>
</a-layout-header>
<a-layout> <a-layout>
<div class="page-wrapper"> <div class="page-wrapper">
<div class="page-tab" v-if="pageName==='curd'"> <div class="page-tab" v-if="pageName==='curd'">
<Curd/> <Curd/>
</div> </div>
<div class="page-tab" v-else-if="pageName==='cameraCenter'"> <div class="page-tab" v-else-if="pageName==='cameraCenter'">
<CameraCenter/> <CameraCenter/>
</div> </div>
</div> <div class="page-tab" v-else-if="pageName==='yushi'">
</a-layout> <Yushi/>
</div>
</div>
</a-layout>
</a-layout> </a-layout>
</template> </template>
<script> <script>
import Curd from '@views/page/curd.vue'; import Curd from '@views/page/curd.vue';
import CameraCenter from '@views/page/cameraCenter.vue'; import CameraCenter from '@views/page/cameraCenter.vue';
import Yushi from '@views/page/yushi.vue'
export default { export default {
name: 'Index', name: 'Index',
components: {Curd, CameraCenter}, components: {Curd, CameraCenter, Yushi},
props: { props: {
pageName: {type: String, default: 'curd'} pageName: {type: String, default: 'yushi'}
}, },
} }
</script> </script>

2
Frontend/src/views/page/cameraCenter.vue

@ -208,7 +208,7 @@ export default defineComponent({
// step5, load camera labels. // step5, load camera labels.
}, },
getRtspUrl(cameraObj: any): string { getRtspUrl(cameraObj: any): string {
// onvif // core
return "rtsp://admin:hk123456@192.168.1.65:554/Streaming/Channels/101?transportmode=unicast&profile=Profile_1"; return "rtsp://admin:hk123456@192.168.1.65:554/Streaming/Channels/101?transportmode=unicast&profile=Profile_1";
}, },
loadMarkLabelsByLoop(cameraObj: any, ms: number = 1000) { loadMarkLabelsByLoop(cameraObj: any, ms: number = 1000) {

252
Frontend/src/views/page/yushi.vue

@ -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(),//VIIDtoken
16,//16
"/app/imosSdk.html",//url
true,//trueB3351P01false2.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>

3
Frontend/tsconfig.json

@ -10,6 +10,7 @@
"resolveJsonModule": true, "resolveJsonModule": true,
"isolatedModules": true, "isolatedModules": true,
"esModuleInterop": true, "esModuleInterop": true,
"allowJs": true,
"lib": ["ESNext", "DOM"], "lib": ["ESNext", "DOM"],
"skipLibCheck": true, "skipLibCheck": true,
"baseUrl": "./", "baseUrl": "./",
@ -17,6 +18,6 @@
"@/*":["src/*"] "@/*":["src/*"]
} }
}, },
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.vue"],
"references": [{ "path": "./tsconfig.node.json" }] "references": [{ "path": "./tsconfig.node.json" }]
} }

Loading…
Cancel
Save