dany/antd-web-apps
1
0
Fork 0
mirror of https://github.com/lxsang/antd-web-apps synced 2025-07-27 02:59:47 +02:00
Code Issues Projects Releases Wiki Activity

performance improvement & add more keyboard

Browse Source
This commit is contained in:
lxsang
2018-09-22 01:17:45 +02:00
parent ec0a87ef5a
commit 4709c5c3ed
6 changed files with 424 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

171
apps/assets/scripts/decoder.js
View File

@ -1,11 +1,15 @@
// Generated by CoffeeScript 1.9.3
var api, onmessage, resolution;
// Generated by CoffeeScript 1.12.7
var api, decodeJPEG, decodeRaw, engine, getImageData, onmessage, pixelValue, update, wasm_update;
importScripts('wvnc_asm.js');
importScripts('pako.min.js');
importScripts('jpeg-decoder.js');
api = {};
resolution = void 0;
engine = void 0;
Module.onRuntimeInitialized = function() {
return api = {
@ -16,35 +20,140 @@
};
};
onmessage = function(e) {
var datain, dataout, flag, h, msg, p, po, size, tmp, w, x, y;
if (e.data.depth) {
return resolution = e.data;
} else {
datain = new Uint8Array(e.data);
x = datain[1] | (datain[2] << 8);
y = datain[3] | (datain[4] << 8);
w = datain[5] | (datain[6] << 8);
h = datain[7] | (datain[8] << 8);
flag = datain[9];
p = api.createBuffer(datain.length);
Module.HEAP8.set(datain, p);
size = w * h * 4;
po = api.decodeBuffer(p, datain.length, resolution.depth, size);
dataout = new Uint8Array(Module.HEAP8.buffer, po, size);
msg = {};
tmp = new Uint8Array(size);
tmp.set(dataout, 0);
msg.buffer = tmp.buffer;
msg.x = x;
msg.y = y;
msg.w = w;
msg.h = h;
postMessage(msg, [msg.buffer]);
api.destroyBuffer(p);
if (flag !== 0x0 || resolution.depth !== 32) {
return api.destroyBuffer(po);
pixelValue = function(value, depth) {
var pixel;
pixel = {
r: 255,
g: 255,
b: 255,
a: 255
};
if (depth === 24 || depth === 32) {
pixel.r = value & 0xFF;
pixel.g = (value >> 8) & 0xFF;
pixel.b = (value >> 16) & 0xFF;
} else if (depth === 16) {
pixel.r = (value & 0x1F) * (255 / 31);
pixel.g = ((value >> 5) & 0x3F) * (255 / 63);
pixel.b = ((value >> 11) & 0x1F) * (255 / 31);
}
return pixel;
};
getImageData = function(d) {
var data, i, j, k, l, npixels, pixel, ref, ref1, step, value;
if (engine.depth === 32) {
return d.pixels;
}
step = engine.depth / 8;
npixels = d.pixels.length / step;
data = new Uint8ClampedArray(d.w * d.h * 4);
for (i = k = 0, ref = npixels - 1; 0 <= ref ? k <= ref : k >= ref; i = 0 <= ref ? ++k : --k) {
value = 0;
for (j = l = 0, ref1 = step - 1; 0 <= ref1 ? l <= ref1 : l >= ref1; j = 0 <= ref1 ? ++l : --l) {
value = value | d.pixels[i * step + j] << (j * 8);
}
pixel = pixelValue(value, engine.depth);
data[i * 4] = pixel.r;
data[i * 4 + 1] = pixel.g;
data[i * 4 + 2] = pixel.b;
data[i * 4 + 3] = pixel.a;
}
return data;
};
decodeRaw = function(d) {
d.pixels = getImageData(d);
return d;
};
decodeJPEG = function(d) {
var raw;
raw = decode(d.pixels, {
useTArray: true,
colorTransform: true
});
d.pixels = raw.data;
return d;
/*
blob = new Blob [d.pixels], { type: "image/jpeg" }
reader = new FileReader()
reader.onloadend = () ->
d.pixels = reader.result
postMessage d
reader.readAsDataURL blob
*/
};
update = function(msg) {
var d, data, raw;
d = {};
data = new Uint8Array(msg);
d.x = data[1] | (data[2] << 8);
d.y = data[3] | (data[4] << 8);
d.w = data[5] | (data[6] << 8);
d.h = data[7] | (data[8] << 8);
d.flag = data[9];
d.pixels = data.subarray(10);
switch (d.flag) {
case 0x0:
raw = decodeRaw(d);
break;
case 0x1:
raw = decodeJPEG(d);
break;
case 0x2:
d.pixels = pako.inflate(d.pixels);
raw = decodeRaw(d);
break;
case 0x3:
d.pixels = pako.inflate(d.pixels);
raw = decodeJPEG(d);
}
if (!raw) {
return;
}
raw.pixels = raw.pixels.buffer;
return postMessage(raw, [raw.pixels]);
};
wasm_update = function(msg) {
var datain, dataout, flag, h, p, po, size, tmp, w, x, y;
datain = new Uint8Array(msg);
x = datain[1] | (datain[2] << 8);
y = datain[3] | (datain[4] << 8);
w = datain[5] | (datain[6] << 8);
h = datain[7] | (datain[8] << 8);
flag = datain[9];
p = api.createBuffer(datain.length);
Module.HEAP8.set(datain, p);
size = w * h * 4;
po = api.decodeBuffer(p, datain.length, engine.depth, size);
dataout = new Uint8Array(Module.HEAP8.buffer, po, size);
msg = {};
tmp = new Uint8Array(size);
tmp.set(dataout, 0);
msg.pixels = tmp.buffer;
msg.x = x;
msg.y = y;
msg.w = w;
msg.h = h;
postMessage(msg, [msg.pixels]);
api.destroyBuffer(p);
if (flag !== 0x0 || engine.depth !== 32) {
return api.destroyBuffer(po);
}
};
onmessage = function(e) {
if (e.data.depth) {
return engine = e.data;
} else {
if (engine.wasm) {
return wasm_update(e.data);
}
return update(e.data);
}
};

143
apps/assets/scripts/main.js
View File

@ -176,11 +176,7 @@
if (this.args && this.args.length > 1) {
this.canvas = ($(this.args[1]))[0];
}
this.lastPose = {
x: 0,
y: 0
};
this.scale = 1.0;
this.scale = 0.8;
this.decoder = new Worker('/assets/scripts/decoder.js');
me = this;
this.mouseMask = 0;
@ -227,6 +223,7 @@
if (!me.canvas) {
return;
}
($(me.canvas)).css("cursor", "none");
($(me.canvas)).contextmenu(function(e) {
e.preventDefault();
return false;
@ -246,20 +243,103 @@
me.mouseMask = me.mouseMask & (~state);
return sendMouseLocation(e);
});
me.canvas.onkeydown = me.canvas.onkeyup = me.canvas.onkeypress = function(e) {
me.canvas.onkeydown = me.canvas.onkeyup = function(e) {
var code, keycode;
keycode = e.keyCode;
if ((keycode > 47 && keycode < 58) || (keycode > 64 && keycode < 91) || (keycode > 95 && keycode < 112) || (keycode > 185 && keycode < 193) || (keycode > 218 && keycode < 223)) {
code = e.key.charCodeAt(0);
} else {
code = keycode;
switch (keycode) {
case 8:
code = 0xFF08;
break;
case 9:
code = 0xff89;
break;
case 13:
code = 0xFF0D;
break;
case 27:
code = 0xFF1B;
break;
case 46:
code = 0xFFFF;
break;
case 38:
code = 0xFF52;
break;
case 40:
code = 0xFF54;
break;
case 37:
code = 0xFF51;
break;
case 39:
code = 0xFF53;
break;
case 91:
code = 0xFFE7;
break;
case 93:
code = 0xFFE8;
break;
case 16:
code = 0xFFE1;
break;
case 17:
code = 0xFFE3;
break;
case 18:
code = 0xFFE9;
break;
case 20:
code = 0xFFE5;
break;
case 113:
code = 0xFFBF;
break;
case 112:
code = 0xFFBE;
break;
case 114:
code = 0xFFC0;
break;
case 115:
code = 0xFFC1;
break;
case 116:
code = 0xFFC2;
break;
case 117:
code = 0xFFC3;
break;
case 118:
code = 0xFFC4;
break;
case 119:
code = 0xFFC5;
break;
case 120:
code = 0xFFC6;
break;
case 121:
code = 0xFFC7;
break;
case 122:
code = 0xFFC8;
break;
case 123:
code = 0xFFC9;
break;
default:
code = e.key.charCodeAt(0);
}
e.preventDefault();
if (!code) {
return;
}
if (e.type === "keydown") {
me.sendKeyEvent(code, 1);
return me.sendKeyEvent(code, 1);
} else if (e.type === "keyup") {
me.sendKeyEvent(code, 0);
return me.sendKeyEvent(code, 0);
}
return e.preventDefault();
};
hamster = Hamster(this.canvas);
return hamster.wheel(function(event, delta, deltaX, deltaY) {
@ -281,12 +361,14 @@
this.depth = d;
this.canvas.width = w;
this.canvas.height = h;
this.resolution = {
this.engine = {
w: w,
h: h,
depth: this.depth
depth: this.depth,
wasm: true
};
return this.decoder.postMessage(this.resolution);
this.decoder.postMessage(this.engine);
return this.setScale(this.scale);
};
WVNC.prototype.process = function(msg) {
@ -294,8 +376,10 @@
if (!this.socket) {
return;
}
data = new Uint8Array(msg.buffer);
ctx = this.canvas.getContext("2d");
data = new Uint8Array(msg.pixels);
ctx = this.canvas.getContext("2d", {
alpha: false
});
imgData = ctx.createImageData(msg.w, msg.h);
imgData.data.set(data);
return ctx.putImageData(imgData, msg.x, msg.y);
@ -303,7 +387,8 @@
WVNC.prototype.setScale = function(n) {
this.scale = n;
return this.draw();
this.canvas.style.transformOrigin = '0 0';
return this.canvas.style.transform = 'scale(' + n + ')';
};
WVNC.prototype.openSession = function() {
@ -331,9 +416,9 @@
};
WVNC.prototype.initConnection = function() {
var data, rate, vncserver;
var data, vncserver;
vncserver = "192.168.1.20:5901";
data = new Uint8Array(vncserver.length + 5);
data = new Uint8Array(vncserver.length + 3);
data[0] = 32;
/*
@ -343,12 +428,9 @@
2: raw data compressed by zlib
3: jpeg data compressed by zlib
*/
data[1] = 3;
data[2] = 50;
rate = 30;
data[3] = rate & 0xFF;
data[4] = (rate >> 8) & 0xFF;
data.set((new TextEncoder()).encode(vncserver), 5);
data[1] = 1;
data[2] = 40;
data.set((new TextEncoder()).encode(vncserver), 3);
return this.socket.send(this.buildCommand(0x01, data));
};
@ -371,9 +453,10 @@
if (!this.socket) {
return;
}
data = new Uint8Array(2);
data[0] = code;
data[1] = v;
data = new Uint8Array(3);
data[0] = code & 0xFF;
data[1] = code >> 8;
data[2] = v;
console.log(code, v);
return this.socket.send(this.buildCommand(0x06, data));
};

BIN
apps/assets/scripts/wvnc_asm.wasm
View File

Binary file not shown.