Improved websocket speed for MSTSC.js bitmaps.

This commit is contained in:
Ylian Saint-Hilaire 2020-06-10 12:10:32 -07:00
parent 8c53349a2a
commit cc67742d3a
2 changed files with 38 additions and 27 deletions

View File

@ -84,7 +84,9 @@ module.exports.CreateMstscRelay = function (parent, db, ws, req, args, domain, u
}).on('connect', function () {
send(['rdp-connect']);
}).on('bitmap', function (bitmap) {
send(['rdp-bitmap', bitmap]);
try { ws.send(bitmap.data); } catch (ex) { } // Send the bitmap data as binary
delete bitmap.data;
send(['rdp-bitmap', bitmap]); // Send the bitmap metadata seperately, without bitmap data.
}).on('close', function () {
send(['rdp-close']);
}).on('error', function (err) {

View File

@ -129,6 +129,7 @@
// start connection
var self = this;
this.socket = new WebSocket("wss://" + window.location.host + "/mstsc/relay.ashx");
this.socket.binaryType = 'arraybuffer';
this.socket.onopen = function () {
console.log("WS-OPEN");
self.socket.send(JSON.stringify(['infos', {
@ -145,6 +146,8 @@
}]));
};
this.socket.onmessage = function (evt) {
if (typeof evt.data == 'string') {
// This is a JSON text string, parse it.
var msg = JSON.parse(evt.data);
switch (msg[0]) {
case 'rdp-connect': {
@ -153,8 +156,10 @@
break;
}
case 'rdp-bitmap': {
if (self.bitmapData == null) break;
var bitmap = msg[1];
bitmap.data = new Uint8Array(bitmap.data.data).buffer;
bitmap.data = self.bitmapData; // Use the binary data that was sent earlier.
delete self.bitmapData;
//console.log('[mstsc.js] bitmap update bpp : ' + bitmap.bitsPerPixel);
self.render.update(bitmap);
break;
@ -173,6 +178,10 @@
break;
}
}
} else {
// This is binary bitmap data, store it.
self.bitmapData = evt.data;
}
};
this.socket.onclose = function () {
console.log("WS-CLOSE");