adjustable stream size

2 files changed, 24 insertions, 11 deletions

diff --git a/kvmd/web/js/mouse.js b/kvmd/web/js/mouse.js
index ba4eb264..d02762e4 100644
--- a/kvmd/web/js/mouse.js
+++ b/kvmd/web/js/mouse.js
@@ -71,15 +71,16 @@ var mouse = new function() {
 	var __sendMove = function() {
 		var pos = __current_pos;
 		if (pos.x !== __sent_pos.x || pos.y !== __sent_pos.y) {
-			tools.debug("Mouse move:", pos);
+			el_stream_image = $("stream-image");
+			var to = {
+				x: __translate(pos.x, 0, el_stream_image.clientWidth, -32768, 32767),
+				y: __translate(pos.y, 0, el_stream_image.clientHeight, -32768, 32767),
+			};
+			tools.debug("Mouse move:", to);
 			if (__ws) {
-				el_stream_image = $("stream-image");
 				__ws.send(JSON.stringify({
 					event_type: "mouse_move",
-					to: {
-						x: __translate(pos.x, 0, el_stream_image.clientWidth, -32768, 32767),
-						y: __translate(pos.y, 0, el_stream_image.clientHeight, -32768, 32767),
-					},
+					to: to,
 				}));
 			}
 			__sent_pos = pos;
diff --git a/kvmd/web/js/stream.js b/kvmd/web/js/stream.js
index e7bd82d4..e393c6fe 100644
--- a/kvmd/web/js/stream.js
+++ b/kvmd/web/js/stream.js
@@ -1,5 +1,7 @@
 var stream = new function() {
 	var __prev_state = false;
+	var __normal_size = {width: 640, height: 480};
+	var __size_factor = 1;
 
 	this.startPoller = function() {
 		var http = tools.makeRequest("GET", "/streamer/?action=snapshot", function() {
@@ -38,14 +40,24 @@ var stream = new function() {
 		});
 	};
 
+	this.resize = function(percent) {
+		$("stream-size-counter").innerHTML = percent + "%";
+		__size_factor = percent / 100;
+		__applySizeFactor();
+	};
+
+	var __applySizeFactor = function() {
+		var el_stream_image = $("stream-image");
+		el_stream_image.style.width = __normal_size.width * __size_factor + "px";
+		el_stream_image.style.height = __normal_size.height * __size_factor + "px";
+	};
+
 	var __refreshImage = function() {
 		var http = tools.makeRequest("GET", "/kvmd/streamer", function() {
 			if (http.readyState === 4 && http.status === 200) {
-				size = JSON.parse(http.responseText).result.size;
-				el_stream_image = $("stream-image");
-				el_stream_image.style.width = size.width + "px";
-				el_stream_image.style.height = size.height + "px";
-				el_stream_image.src = "/streamer/?action=stream&time=" + new Date().getTime();
+				__normal_size = JSON.parse(http.responseText).result.size;
+				__applySizeFactor();
+				$("stream-image").src = "/streamer/?action=stream&time=" + new Date().getTime();
 				ui.showWindow("stream-window");
 			}
 		});