master
js 308 lines 13.5 KB
Raw
1 /**
2 * @description RDP Remote Desktop
3 * @author Ylian Saint-Hilaire
4 * @version v0.0.1
5 */
6
7 // Construct a RDP remote desktop object
8 var CreateRDPDesktop = function (canvasid, domainUrl) {
9 var obj = {}
10 obj.m = { KeyAction: { 'NONE': 0, 'DOWN': 1, 'UP': 2, 'SCROLL': 3, 'EXUP': 4, 'EXDOWN': 5, 'DBLCLICK': 6 } };
11 obj.State = 0;
12 obj.canvas = Q(canvasid);
13 obj.CanvasId = canvasid;
14 if (typeof canvasid === 'string') obj.CanvasId = Q(canvasid);
15 obj.Canvas = obj.CanvasId.getContext('2d');
16 obj.ScreenWidth = obj.width = 1280;
17 obj.ScreenHeight = obj.height = 1024;
18 obj.m.onClipboardChanged = null;
19 obj.onConsoleMessageChange = null;
20
21 var xMouseCursorActive = true;
22 var xMouseCursorCurrent = 'default';
23 obj.mouseCursorActive = function (x) { if (xMouseCursorActive == x) return; xMouseCursorActive = x; obj.CanvasId.style.cursor = ((x == true) ? xMouseCursorCurrent : 'default'); }
24
25 function mouseButtonMap(button) {
26 // Swap mouse buttons if needed
27 if (obj.m.SwapMouse === true) return [2, 0, 1, 0, 0][button];
28 return [1, 0, 2, 0, 0][button];
29 };
30
31 obj.Start = function (nodeid, port, credentials) {
32 changeState(1);
33 obj.nodeid = nodeid;
34 obj.port = port;
35 obj.credentials = credentials;
36 var options = { savepass: credentials.savecred, useServerCreds: credentials.servercred, width: credentials.width, height: credentials.height, flags: credentials.flags, workingDir: credentials.workdir, alternateShell: credentials.altshell };
37 if (credentials.width && credentials.height) {
38 options.width = obj.ScreenWidth = obj.width = credentials.width;
39 options.height = obj.ScreenHeight = obj.height = credentials.height;
40 delete credentials.width;
41 delete credentials.height;
42 }
43 obj.render = new Mstsc.Canvas.create(obj.canvas);
44 obj.socket = new WebSocket('wss://' + window.location.host + domainUrl + 'mstscrelay.ashx');
45 obj.socket.binaryType = 'arraybuffer';
46 obj.socket.onopen = function () {
47 changeState(2); // Setup state
48 obj.socket.send(JSON.stringify(['infos', {
49 ip: obj.nodeid,
50 port: obj.port,
51 screen: { width: obj.width, height: obj.height },
52 domain: credentials.domain,
53 username: credentials.username,
54 password: credentials.password,
55 options: options,
56 locale: Mstsc.locale()
57 }]));
58 };
59 obj.socket.onmessage = function (evt) {
60 if (typeof evt.data == 'string') {
61 // This is a JSON text string, parse it.
62 var msg = JSON.parse(evt.data);
63 switch (msg[0]) {
64 case 'rdp-connect': {
65 changeState(3);
66 obj.rotation = 0;
67 obj.Canvas.setTransform(1, 0, 0, 1, 0, 0);
68 obj.Canvas.canvas.width = obj.ScreenWidth;
69 obj.Canvas.canvas.height = obj.ScreenHeight;
70 obj.Canvas.fillRect(0, 0, obj.ScreenWidth, obj.ScreenHeight);
71 if (obj.m.onScreenSizeChange != null) { obj.m.onScreenSizeChange(obj, obj.ScreenWidth, obj.ScreenHeight, obj.CanvasId); }
72 break;
73 }
74 case 'rdp-bitmap': {
75 if (obj.bitmapData == null) break;
76 var bitmap = msg[1];
77 bitmap.data = obj.bitmapData; // Use the binary data that was sent earlier.
78 delete obj.bitmapData;
79 obj.render.update(bitmap);
80 break;
81 }
82 case 'rdp-pointer': {
83 var pointer = msg[1];
84 xMouseCursorCurrent = pointer;
85 if (xMouseCursorActive) { obj.CanvasId.style.cursor = pointer; }
86 break;
87 }
88 case 'rdp-close': {
89 obj.Stop();
90 break;
91 }
92 case 'rdp-error': {
93 obj.consoleMessageTimeout = 5; // Seconds
94 obj.consoleMessage = msg[1];
95 delete obj.consoleMessageArgs;
96 if (msg.length > 2) { obj.consoleMessageArgs = [ msg[2] ]; }
97 switch (msg[1]) {
98 case 'NODE_RDP_PROTOCOL_X224_NEG_FAILURE':
99 if (msg[2] == 1) { obj.consoleMessageId = 9; } // "SSL required by server";
100 else if (msg[2] == 2) { obj.consoleMessageId = 10; } // "SSL not allowed by server";
101 else if (msg[2] == 3) { obj.consoleMessageId = 11; } // "SSL certificate not on server";
102 else if (msg[2] == 4) { obj.consoleMessageId = 12; } // "Inconsistent flags";
103 else if (msg[2] == 5) { obj.consoleMessageId = 13; } // "Hybrid required by server";
104 else if (msg[2] == 6) { obj.consoleMessageId = 14; } // "SSL with user auth required by server";
105 else obj.consoleMessageId = 7; // "Protocol negotiation failed";
106 break;
107 case 'NODE_RDP_PROTOCOL_X224_NLA_NOT_SUPPORTED':
108 obj.consoleMessageId = 8; // "NLA not supported";
109 break;
110 default:
111 obj.consoleMessageId = null;
112 break;
113 }
114 if (obj.onConsoleMessageChange) { obj.onConsoleMessageChange(); }
115 obj.Stop();
116 break;
117 }
118 case 'rdp-clipboard': { obj.lastClipboardContent = msg[1]; if (obj.m.onClipboardChanged) { obj.m.onClipboardChanged(msg[1]); } break; }
119 case 'ping': { obj.socket.send('["pong"]'); break; }
120 case 'pong': { break; }
121 }
122 } else {
123 // This is binary bitmap data, store it.
124 obj.bitmapData = evt.data;
125 }
126 };
127 obj.socket.onclose = function () { changeState(0); };
128 window.addEventListener('blur', obj.m.releaseModifiers);
129 changeState(1);
130 }
131
132 obj.Stop = function () {
133 window.removeEventListener('blur', obj.m.releaseModifiers);
134 obj.Canvas.fillRect(0, 0, obj.ScreenWidth, obj.ScreenHeight);
135 if (obj.socket) { obj.socket.close(); }
136 }
137
138 obj.m.setClipboard = function (content) { if (obj.socket) { obj.socket.send(JSON.stringify(['clipboard', content])); } }
139 obj.m.getClipboard = function () { return obj.lastClipboardContent; }
140
141 function changeState(newstate) {
142 if (obj.State == newstate) return;
143 obj.State = newstate;
144 if (obj.onStateChanged != null) obj.onStateChanged(obj, obj.State);
145 }
146
147 function getPositionOfControl(Control) {
148 var Position = Array(2);
149 Position[0] = Position[1] = 0;
150 while (Control) { Position[0] += Control.offsetLeft; Position[1] += Control.offsetTop; Control = Control.offsetParent; }
151 return Position;
152 }
153
154 function getMousePosition(event) {
155 var ScaleFactorHeight = (obj.Canvas.canvas.height / obj.CanvasId.clientHeight);
156 var ScaleFactorWidth = (obj.Canvas.canvas.width / obj.CanvasId.clientWidth);
157 var Offsets = getPositionOfControl(obj.Canvas.canvas);
158 var X = ((event.pageX - Offsets[0]) * ScaleFactorWidth);
159 var Y = ((event.pageY - Offsets[1]) * ScaleFactorHeight);
160 if (event.addx) { X += event.addx; }
161 if (event.addy) { Y += event.addy; }
162 return { x: X, y: Y };
163 }
164
165 obj.m.mousemove = function (e) {
166 if (!obj.socket || (obj.State != 3)) return;
167 var m = getMousePosition(e);
168 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
169 obj.mouseNagleData = ['mouse', m.x, m.y, 0, false];
170 if (obj.mouseNagleTimer == null) { obj.mouseNagleTimer = setTimeout(function () { obj.socket.send(JSON.stringify(obj.mouseNagleData)); obj.mouseNagleTimer = null; }, 50); }
171 e.preventDefault();
172 return false;
173 }
174 obj.m.mouseup = function (e) {
175 if (!obj.socket || (obj.State != 3)) return;
176 var m = getMousePosition(e);
177 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
178 if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; }
179 obj.socket.send(JSON.stringify(['mouse', m.x, m.y, mouseButtonMap(e.button), false]));
180 e.preventDefault();
181 return false;
182 }
183 obj.m.mousedown = function (e) {
184 if (!obj.socket || (obj.State != 3)) return;
185 var m = getMousePosition(e);
186 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
187 if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; }
188 obj.socket.send(JSON.stringify(['mouse', m.x, m.y, mouseButtonMap(e.button), true]));
189 e.preventDefault();
190 return false;
191 }
192 obj.m.handleKeyUp = function (e) {
193 if (!obj.socket || (obj.State != 3)) return;
194 //console.log('handleKeyUp', Mstsc.scancode(e));
195 obj.socket.send(JSON.stringify(['scancode', Mstsc.scancode(e), false]));
196 e.preventDefault();
197 return false;
198 }
199 obj.m.handleKeyDown = function (e) {
200 if (!obj.socket || (obj.State != 3)) return;
201 //console.log('handleKeyDown', Mstsc.scancode(e));
202 obj.socket.send(JSON.stringify(['scancode', Mstsc.scancode(e), true]));
203 e.preventDefault();
204 return false;
205 }
206 obj.m.releaseModifiers = function () {
207 if (!obj.socket || (obj.State != 3)) return;
208 // Release modifier keys so they can't get stuck on the remote when the browser loses
209 // focus during an Alt+Tab (issue #330). L/R Shift, L/R Ctrl, L/R Alt, L/R Win.
210 var mods = [42, 54, 29, 57373, 56, 57400, 57435, 57436];
211 for (var i = 0; i < mods.length; i++) { obj.socket.send(JSON.stringify(['scancode', mods[i], false])); }
212 }
213 obj.m.mousewheel = function (e) {
214 if (!obj.socket || (obj.State != 3)) return;
215 var m = getMousePosition(e);
216 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
217 if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; }
218 var delta = 0;
219 if (e.detail) { delta = (e.detail * 120); } else if (e.wheelDelta) { delta = (e.wheelDelta * 3); }
220 if (obj.m.ReverseMouseWheel) { delta = -1 * delta; } // Reverse the mouse wheel
221 if (delta != 0) { obj.socket.send(JSON.stringify(['wheel', m.x, m.y, delta, false, false])); }
222 e.preventDefault();
223 return false;
224 }
225 obj.m.SendStringUnicode = function (txt) {
226 if (!obj.socket || (obj.State != 3)) return;
227 obj.socket.send(JSON.stringify(['utype', txt]));
228 }
229 obj.m.SendKeyMsgKC = function (action, kc, extendedKey) {
230 if (obj.State != 3) return;
231 if (typeof action == 'object') { for (var i in action) { obj.m.SendKeyMsgKC(action[i][0], action[i][1], action[i][2]); } }
232 else {
233 var scan = shortcutToScan[kc];
234 if (scan != null) { obj.socket.send(JSON.stringify(['scancode', scan, ((action & 1) != 0)])); }
235 }
236 }
237 obj.m.mousedblclick = function () { }
238 obj.m.handleKeyPress = function () { }
239 obj.m.setRotation = function () { }
240 obj.m.sendcad = function () { // Ctrl-Alt-Del
241 obj.socket.send(JSON.stringify(['scancode', 29, true])); // CTRL
242 obj.socket.send(JSON.stringify(['scancode', 56, true])); // ALT
243 obj.socket.send(JSON.stringify(['scancode', 57427, true])); // DEL
244 obj.socket.send(JSON.stringify(['scancode', 57427, false]));
245 obj.socket.send(JSON.stringify(['scancode', 56, false]));
246 obj.socket.send(JSON.stringify(['scancode', 29, false]));
247 }
248
249 var shortcutToScan = {
250 9: 15, // Tab
251 16: 42, // Shift
252 17: 29, // Ctrl
253 18: 56, // Alt
254 27: 1, // ESC
255 33: 57417, // Page Up
256 34: 57425, // Page Down
257 35: 57423, // End
258 36: 57415, // Home
259 37: 57419, // Left
260 38: 57416, // Up
261 39: 57421, // Right
262 40: 57424, // Down
263 44: 57399, // Print Screen
264 45: 57426, // Insert
265 46: 57427, // Del
266 65: 30, // A
267 66: 48, // B
268 67: 46, // C
269 68: 32, // D
270 69: 18, // E
271 70: 33, // F
272 71: 34, // G
273 72: 35, // H
274 73: 23, // I
275 74: 36, // J
276 75: 37, // K
277 76: 38, // L
278 77: 50, // M
279 78: 49, // N
280 79: 24, // O
281 80: 25, // P
282 81: 16, // Q
283 82: 19, // R
284 83: 31, // S
285 84: 20, // T
286 85: 22, // U
287 86: 47, // V
288 87: 17, // W
289 88: 45, // X
290 89: 21, // Y
291 90: 44, // Z
292 91: 57435, // Windows left
293 112: 59, // F1
294 113: 60, // F2
295 114: 61, // F3
296 115: 62, // F4
297 116: 63, // F5
298 117: 64, // F6
299 118: 65, // F7
300 119: 66, // F8
301 120: 67, // F9
302 121: 68, // F10
303 122: 87, // F11
304 123: 88 // F12
305 }
306
307 return obj;
308 }