2* @description RDP Remote Desktop
3* @author Ylian Saint-Hilaire
7// Construct a RDP remote desktop object
8var CreateRDPDesktop = function (canvasid, domainUrl) {
10 obj.m = { KeyAction: { 'NONE': 0, 'DOWN': 1, 'UP': 2, 'SCROLL': 3, 'EXUP': 4, 'EXDOWN': 5, 'DBLCLICK': 6 } };
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;
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'); }
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];
31 obj.Start = function (nodeid, port, credentials) {
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;
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', {
51 screen: { width: obj.width, height: obj.height },
52 domain: credentials.domain,
53 username: credentials.username,
54 password: credentials.password,
56 locale: Mstsc.locale()
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);
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); }
75 if (obj.bitmapData == null) break;
77 bitmap.data = obj.bitmapData; // Use the binary data that was sent earlier.
78 delete obj.bitmapData;
79 obj.render.update(bitmap);
84 xMouseCursorCurrent = pointer;
85 if (xMouseCursorActive) { obj.CanvasId.style.cursor = pointer; }
93 obj.consoleMessageTimeout = 5; // Seconds
94 obj.consoleMessage = msg[1];
95 delete obj.consoleMessageArgs;
96 if (msg.length > 2) { obj.consoleMessageArgs = [ msg[2] ]; }
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";
107 case 'NODE_RDP_PROTOCOL_X224_NLA_NOT_SUPPORTED':
108 obj.consoleMessageId = 8; // "NLA not supported";
111 obj.consoleMessageId = null;
114 if (obj.onConsoleMessageChange) { obj.onConsoleMessageChange(); }
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; }
123 // This is binary bitmap data, store it.
124 obj.bitmapData = evt.data;
127 obj.socket.onclose = function () { changeState(0); };
131 obj.Stop = function () {
132 obj.Canvas.fillRect(0, 0, obj.ScreenWidth, obj.ScreenHeight);
133 if (obj.socket) { obj.socket.close(); }
136 obj.m.setClipboard = function (content) { if (obj.socket) { obj.socket.send(JSON.stringify(['clipboard', content])); } }
137 obj.m.getClipboard = function () { return obj.lastClipboardContent; }
139 function changeState(newstate) {
140 if (obj.State == newstate) return;
141 obj.State = newstate;
142 if (obj.onStateChanged != null) obj.onStateChanged(obj, obj.State);
145 function getPositionOfControl(Control) {
146 var Position = Array(2);
147 Position[0] = Position[1] = 0;
148 while (Control) { Position[0] += Control.offsetLeft; Position[1] += Control.offsetTop; Control = Control.offsetParent; }
152 function getMousePosition(event) {
153 var ScaleFactorHeight = (obj.Canvas.canvas.height / obj.CanvasId.clientHeight);
154 var ScaleFactorWidth = (obj.Canvas.canvas.width / obj.CanvasId.clientWidth);
155 var Offsets = getPositionOfControl(obj.Canvas.canvas);
156 var X = ((event.pageX - Offsets[0]) * ScaleFactorWidth);
157 var Y = ((event.pageY - Offsets[1]) * ScaleFactorHeight);
158 if (event.addx) { X += event.addx; }
159 if (event.addy) { Y += event.addy; }
160 return { x: X, y: Y };
163 obj.m.mousemove = function (e) {
164 if (!obj.socket || (obj.State != 3)) return;
165 var m = getMousePosition(e);
166 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
167 obj.mouseNagleData = ['mouse', m.x, m.y, 0, false];
168 if (obj.mouseNagleTimer == null) { obj.mouseNagleTimer = setTimeout(function () { obj.socket.send(JSON.stringify(obj.mouseNagleData)); obj.mouseNagleTimer = null; }, 50); }
172 obj.m.mouseup = function (e) {
173 if (!obj.socket || (obj.State != 3)) return;
174 var m = getMousePosition(e);
175 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
176 if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; }
177 obj.socket.send(JSON.stringify(['mouse', m.x, m.y, mouseButtonMap(e.button), false]));
181 obj.m.mousedown = function (e) {
182 if (!obj.socket || (obj.State != 3)) return;
183 var m = getMousePosition(e);
184 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
185 if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; }
186 obj.socket.send(JSON.stringify(['mouse', m.x, m.y, mouseButtonMap(e.button), true]));
190 obj.m.handleKeyUp = function (e) {
191 if (!obj.socket || (obj.State != 3)) return;
192 //console.log('handleKeyUp', Mstsc.scancode(e));
193 obj.socket.send(JSON.stringify(['scancode', Mstsc.scancode(e), false]));
197 obj.m.handleKeyDown = function (e) {
198 if (!obj.socket || (obj.State != 3)) return;
199 //console.log('handleKeyDown', Mstsc.scancode(e));
200 obj.socket.send(JSON.stringify(['scancode', Mstsc.scancode(e), true]));
204 obj.m.mousewheel = function (e) {
205 if (!obj.socket || (obj.State != 3)) return;
206 var m = getMousePosition(e);
207 if ((m.x < 0) || (m.y < 0) || (m.x > obj.ScreenWidth) || (m.y > obj.ScreenHeight)) return;
208 if (obj.mouseNagleTimer != null) { clearTimeout(obj.mouseNagleTimer); obj.mouseNagleTimer = null; }
210 if (e.detail) { delta = (e.detail * 120); } else if (e.wheelDelta) { delta = (e.wheelDelta * 3); }
211 if (obj.m.ReverseMouseWheel) { delta = -1 * delta; } // Reverse the mouse wheel
212 if (delta != 0) { obj.socket.send(JSON.stringify(['wheel', m.x, m.y, delta, false, false])); }
216 obj.m.SendStringUnicode = function (txt) {
217 if (!obj.socket || (obj.State != 3)) return;
218 obj.socket.send(JSON.stringify(['utype', txt]));
220 obj.m.SendKeyMsgKC = function (action, kc, extendedKey) {
221 if (obj.State != 3) return;
222 if (typeof action == 'object') { for (var i in action) { obj.m.SendKeyMsgKC(action[i][0], action[i][1], action[i][2]); } }
224 var scan = shortcutToScan[kc];
225 if (scan != null) { obj.socket.send(JSON.stringify(['scancode', scan, ((action & 1) != 0)])); }
228 obj.m.mousedblclick = function () { }
229 obj.m.handleKeyPress = function () { }
230 obj.m.setRotation = function () { }
231 obj.m.sendcad = function () { // Ctrl-Alt-Del
232 obj.socket.send(JSON.stringify(['scancode', 29, true])); // CTRL
233 obj.socket.send(JSON.stringify(['scancode', 56, true])); // ALT
234 obj.socket.send(JSON.stringify(['scancode', 57427, true])); // DEL
235 obj.socket.send(JSON.stringify(['scancode', 57427, false]));
236 obj.socket.send(JSON.stringify(['scancode', 56, false]));
237 obj.socket.send(JSON.stringify(['scancode', 29, false]));
240 var shortcutToScan = {
246 33: 57417, // Page Up
247 34: 57425, // Page Down
254 44: 57399, // Print Screen
283 91: 57435, // Windows left