Improve liveview2D: add width and height > 256 leds

wled00/data/index.css

@@ -234,11 +234,11 @@ button {
 }
 
 #liveview2D {
-	height: 320px;
+	height: 90%;
 	display: none;
-	width: 100%;
+	width: 90%;
 	border: 0px;
-	margin: auto;
+	margin: 0 auto;
 }
 
 .tab {

wled00/data/index.htm

@@ -64,7 +64,7 @@
 			<button id="buttonPower" onclick="togglePower()" class="tgl"><i class="icons">&#xe08f;</i><p class="tab-label">Power</p></button>
 			<button id="buttonNl" onclick="toggleNl()"><i class="icons">&#xe2a2;</i><p class="tab-label">Timer</p></button>
 			<button id="buttonSync" onclick="toggleSync()"><i class="icons">&#xe116;</i><p class="tab-label">Sync</p></button>
-			<button id="buttonSr" onclick="toggleLiveview()"><i class="icons">&#xe410;</i><p class="tab-label">Peek</p></button>
+			<button id="buttonSr" onclick="toggleLiveview2D()" ondblclick="toggleLiveview()"><i class="icons">&#xe410;</i><p class="tab-label">Peek</p></button>
 			<button id="buttonI" onclick="toggleInfo()"><i class="icons">&#xe066;</i><p class="tab-label">Info</p></button>
 			<button id="buttonNodes" onclick="toggleNodes()"><i class="icons">&#xe22d;</i><p class="tab-label">Nodes</p></button>
 			<button onclick="window.location.href='/settings';"><i class="icons">&#xe0a2;</i><p class="tab-label">Config</p></button>
@@ -330,7 +330,7 @@
 </div>
 
 <div id="mliveview2D" class="modal">
-	<div id="kliveview2D">Loading...</div><br>
+	<div id="kliveview2D" style="width:100%; height:100%">Loading...</div><br>
 </div>
 
 <div id="rover" class="modal">

wled00/data/index.js

@@ -1,7 +1,7 @@
 //page js
 var loc = false, locip;
 var noNewSegs = false;
-var isOn = false, nlA = false, isLv = false, isInfo = false, isNodes = false, syncSend = false, syncTglRecv = true;
+var isOn = false, nlA = false, isLv = false, isLv2D = false, isInfo = false, isNodes = false, syncSend = false, syncTglRecv = true;
 var hasWhite = false, hasRGB = false, hasCCT = false;
 var nlDur = 60, nlTar = 0;
 var nlMode = false;
@@ -1526,39 +1526,44 @@ function toggleSync()
 
 function toggleLiveview()
 {
-	if (isInfo) toggleInfo();
+	if (isLv2D) {toggleLiveview2D(); return;}
-	if (isNodes) toggleNodes();
 
 	isLv = !isLv;
+	gId('liveview').style.display = (isLv) ? "block":"none";
+	var url = (loc?`http://${locip}`:'') + "/liveview";
+	gId('liveview').src = (isLv) ? url:"about:blank";
+	gId('buttonSr').className = (isLv) ? "active":"";
+	if (!isLv && ws && ws.readyState === WebSocket.OPEN) ws.send('{"lv":false}');
+	size();
+}
 
-	var lvID = "liveview";
+function toggleLiveview2D()
-	if (isM) {
+{
-		lvID = "liveview2D"
+	if (isInfo) toggleInfo();
-		if (isLv) {
+	if (isNodes) toggleNodes();
+	if (isLv) toggleLiveview();
+
+	isLv2D = !isLv2D;
+
+	if (isLv2D) {
 		var cn = '<iframe id="liveview2D" src="about:blank"></iframe>';
 		d.getElementById('kliveview2D').innerHTML = cn;
 	}
 
-		gId('mliveview2D').style.transform = (isLv) ? "translateY(0px)":"translateY(100%)";
+	gId('mliveview2D').style.transform = (isLv2D) ? "translateY(0px)":"translateY(100%)";
-		gId('buttonSr').lastChild.innerHTML = "Peek2D"; //lastchild is <p>Peek</p>
-	}
-	else
-	{
-		gId('buttonSr').lastChild.innerHTML = "Peek"; //lastchild is <p>Peek</p>
-	}
 
-	gId(lvID).style.display = (isLv) ? "block":"none";
+	gId("liveview2D").style.display = (isLv2D) ? "block":"none";
-	var url = (loc?`http://${locip}`:'') + "/" + lvID;
+	var url = (loc?`http://${locip}`:'') + "/liveview2D";
-	gId(lvID).src = (isLv) ? url:"about:blank";
+	gId("liveview2D").src = (isLv2D) ? url:"about:blank";
-	gId('buttonSr').className = (isLv) ? "active":"";
+	gId('buttonSr').className = (isLv2D) ? "active":"";
-	if (!isLv && ws && ws.readyState === WebSocket.OPEN) ws.send('{"lv":false}');
+	if (!isLv2D && ws && ws.readyState === WebSocket.OPEN) ws.send('{"lv":false}');
 	size();
 }
 
 function toggleInfo()
 {
 	if (isNodes) toggleNodes();
-	if (isLv) toggleLiveview();
+	if (isLv2D) toggleLiveview2D();
 	isInfo = !isInfo;
 	if (isInfo) requestJson();
 	gId('info').style.transform = (isInfo) ? "translateY(0px)":"translateY(100%)";
@@ -1568,7 +1573,7 @@ function toggleInfo()
 function toggleNodes()
 {
 	if (isInfo) toggleInfo();
-	if (isLv) toggleLiveview();
+	if (isLv2D) toggleLiveview2D();
 	isNodes = !isNodes;
 	if (isNodes) loadNodes();
 	gId('nodes').style.transform = (isNodes) ? "translateY(0px)":"translateY(100%)";

wled00/data/liveviewws2D.htm

@@ -9,23 +9,16 @@
   body {
     margin: 0;
   }
-  #canv1, #canv2 {
-    background: black;
-    filter: brightness(175%);
-    width: 100%;
-    height: 100%;
-    position: absolute;
-  }
   </style>
 </head>
 <body>
-  <div style="margin:auto">
+  <canvas id="liveviewCanvas">
-    <canvas id="liveviewCanvas" width="320", height="320" style="border:1px solid #000">
     LiveView
   </canvas>
-  </div>
   <script>
     var canvas = document.getElementById('liveviewCanvas');
+    canvas.width  = window.innerWidth * 0.98; //remove scroll bars
+    canvas.height = window.innerHeight * 0.98; //remove scroll bars
     var leds = "";
     var matrixWidth = 0;
     var pixelsPerLed = 0;
@@ -59,7 +52,7 @@
       function drawLedCircles(x, y, r, g, b, a) {
         ctx.fillStyle = `rgb(${r},${g},${b})`;
         ctx.beginPath();
-        ctx.arc(x*pixelsPerLed+pixelsPerLed/2, y*pixelsPerLed+pixelsPerLed/2, pixelsPerLed/2, 0, 2 * Math.PI);
+        ctx.arc(x*pixelsPerLed+pixelsPerLed*0.5, y*pixelsPerLed+pixelsPerLed*0.5, pixelsPerLed*0.4, 0, 2 * Math.PI);
         ctx.fill();
       }
 
@@ -67,8 +60,8 @@
         // data represents the Uint8ClampedArray containing the data
         // in the RGBA order [r0, g0, b0, a0, r1, g1, b1, a1, ..., rn, gn, bn, an]
 
-        for (i = 2; i < leds.length; i+=3) {
+        for (i = 4; i < leds.length; i+=3) {
-          let ff = (i-2)/3;
+          let ff = (i-4)/3;
           drawLedCircles(ff%matrixWidth, Math.floor(ff/matrixWidth), leds[i], leds[i+1], leds[i+2], 255)
         }
 
@@ -78,9 +71,10 @@
 
     function updatePreview(ledsp) {
       leds = ledsp;
-      matrixWidth = Math.sqrt((leds.length - 2)/3);
+      matrixWidth = leds[2];
-      pixelsPerLed = canvas.width / matrixWidth;
+      matrixHeight = leds[3];
-      // console.log(Math.sqrt((leds.length - 2)/3), pixelsPerLed, leds);
+      pixelsPerLed = Math.min(canvas.width / matrixWidth, canvas.height / matrixHeight);
+      // console.log(canvas.width, matrixWidth, canvas.height, matrixHeight, pixelsPerLed, leds);
       paintLeds();
     }
 
@@ -88,7 +82,7 @@
       try {
         if (toString.call(e.data) === '[object ArrayBuffer]') {
           let leds = new Uint8Array(event.data);
-          if (leds[0] != 76) return; //'L'
+          if (leds[0] != 76) return; //'L', set in ws.cpp
           updatePreview(leds);
         }
       }

wled00/html_other.h

@@ -282,68 +282,64 @@ const uint8_t PAGE_liveviewws[] PROGMEM = {
 
 
 // Autogenerated from wled00/data/liveviewws2D.htm, do not edit!!
-const uint16_t PAGE_liveviewws2D_length = 960;
+const uint16_t PAGE_liveviewws2D_length = 896;
 const uint8_t PAGE_liveviewws2D[] PROGMEM = {
-  0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0x7d, 0x55, 0x61, 0x6f, 0xdb, 0x36,
+  0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0x7d, 0x55, 0x6d, 0x6f, 0xdb, 0x36,
-  0x10, 0xfd, 0xee, 0x5f, 0xa1, 0x32, 0x4d, 0x4b, 0xd5, 0x8a, 0x24, 0x3b, 0xc8, 0x5a, 0xc8, 0x92,
+  0x10, 0xfe, 0xee, 0x5f, 0xa1, 0x72, 0x5d, 0x4b, 0xc6, 0x8a, 0xe4, 0x3a, 0xc9, 0x96, 0xd9, 0x92,
-  0x8b, 0x35, 0xf5, 0x87, 0x0e, 0xd9, 0x6a, 0x20, 0xdd, 0x82, 0x21, 0x08, 0x50, 0x4a, 0x3a, 0x5b,
+  0x8b, 0x35, 0x35, 0xb0, 0x0e, 0xd9, 0x6a, 0xc0, 0xdd, 0x82, 0x21, 0x30, 0x50, 0x5a, 0x3a, 0x5b,
-  0x5c, 0x24, 0x52, 0x23, 0x29, 0x2b, 0x86, 0xa1, 0xff, 0xbe, 0xa3, 0xe4, 0x38, 0x4e, 0xba, 0xcd,
+  0x5c, 0x25, 0x52, 0x20, 0x69, 0x2b, 0x86, 0xa0, 0xff, 0xbe, 0xa3, 0xe4, 0x38, 0x76, 0xb2, 0xcd,
-  0x1f, 0x24, 0x51, 0x77, 0x7a, 0xef, 0xdd, 0x3b, 0xf2, 0x1c, 0xbf, 0xfa, 0xfc, 0xf5, 0xf2, 0xdb,
+  0x1f, 0x24, 0x91, 0x77, 0x7c, 0xee, 0xe1, 0x73, 0x2f, 0x8e, 0x5e, 0x7d, 0xfc, 0x7c, 0xf3, 0xe5,
-  0x9f, 0xcb, 0x85, 0x53, 0x98, 0xaa, 0x9c, 0xc7, 0xfb, 0x2b, 0xb0, 0x7c, 0x1e, 0x57, 0x60, 0x98,
+  0xaf, 0xd9, 0xd4, 0xcb, 0x6c, 0x91, 0x4f, 0xa2, 0xfd, 0x13, 0x78, 0x3a, 0x89, 0x0a, 0xb0, 0xdc,
-  0x23, 0x58, 0x05, 0x09, 0xd9, 0x70, 0x68, 0x6b, 0xa9, 0x0c, 0x71, 0x46, 0x99, 0x14, 0x06, 0x84,
+  0x93, 0xbc, 0x80, 0x98, 0x6c, 0x05, 0x54, 0xa5, 0xd2, 0x96, 0x78, 0xbd, 0x44, 0x49, 0x0b, 0xd2,
-  0x49, 0x48, 0xcb, 0x73, 0x53, 0x24, 0x39, 0x6c, 0x78, 0x06, 0x67, 0xfd, 0xc2, 0xe3, 0x82, 0x1b,
+  0xc6, 0xa4, 0x12, 0xa9, 0xcd, 0xe2, 0x14, 0xb6, 0x22, 0x81, 0xf3, 0x76, 0xe1, 0x0b, 0x29, 0xac,
-  0xce, 0xca, 0x33, 0x9d, 0xb1, 0x12, 0x92, 0x89, 0x57, 0xe1, 0x8b, 0xaa, 0xa9, 0x1e, 0xd7, 0x64,
+  0xe0, 0xf9, 0xb9, 0x49, 0x78, 0x0e, 0xf1, 0x3b, 0xbf, 0xc0, 0x8d, 0x62, 0x53, 0x3c, 0xae, 0xc9,
-  0x8f, 0x39, 0xca, 0x0a, 0xa6, 0x34, 0x20, 0x46, 0x63, 0x56, 0x67, 0x1f, 0xc8, 0x33, 0x2a, 0x53,
+  0x1e, 0xb3, 0x97, 0x64, 0x5c, 0x1b, 0x40, 0x8c, 0x8d, 0x5d, 0x9d, 0x5f, 0x93, 0x93, 0x50, 0x36,
-  0x40, 0x05, 0x67, 0x99, 0x2c, 0xa5, 0x22, 0xce, 0x81, 0xec, 0x64, 0xda, 0xff, 0x30, 0xd5, 0x70,
+  0x83, 0x02, 0xce, 0x13, 0x95, 0x2b, 0x4d, 0xbc, 0x43, 0xb0, 0xef, 0x86, 0xed, 0x0f, 0x5d, 0xad,
-  0x53, 0xc2, 0x7c, 0x74, 0x73, 0xb5, 0xf8, 0xec, 0x5c, 0xf1, 0x0d, 0x38, 0x4b, 0x05, 0x56, 0x5e,
+  0xb0, 0x39, 0x4c, 0x7a, 0x77, 0xb7, 0xd3, 0x8f, 0xde, 0xad, 0xd8, 0x82, 0x37, 0xd3, 0xe0, 0xe8,
-  0x1c, 0x0c, 0x91, 0x58, 0x9b, 0xad, 0x4d, 0x48, 0x65, 0xbe, 0xdd, 0x55, 0x4c, 0xad, 0xb9, 0x88,
+  0x45, 0x61, 0x67, 0x89, 0x8c, 0xdd, 0xe1, 0x6b, 0xa9, 0xd2, 0x5d, 0x5d, 0x70, 0xbd, 0x16, 0x72,
-  0xc2, 0xee, 0x24, 0x63, 0x62, 0x33, 0xf1, 0xfa, 0xdb, 0x74, 0x97, 0xb2, 0xec, 0x7e, 0xad, 0x64,
+  0x34, 0x68, 0xa2, 0xb0, 0xdb, 0x8d, 0xc2, 0xee, 0x6a, 0xce, 0x3a, 0x89, 0x12, 0x2e, 0xb7, 0xdc,
-  0x23, 0xf2, 0xe8, 0x24, 0x0c, 0xc3, 0xd9, 0x8a, 0x97, 0x06, 0x54, 0x94, 0x2a, 0xbe, 0x2e, 0x8c,
+  0x78, 0x3d, 0x91, 0xc6, 0x24, 0x47, 0x28, 0x07, 0x73, 0xd3, 0xee, 0x91, 0x89, 0x83, 0xfe, 0xb3,
-  0x00, 0xad, 0xe9, 0xe4, 0xfd, 0xc5, 0xa9, 0x3b, 0xeb, 0xab, 0x8a, 0x26, 0x61, 0x78, 0x3a, 0x2b,
+  0x85, 0xed, 0xbc, 0x10, 0x37, 0xd1, 0xa2, 0xb4, 0x93, 0xde, 0x96, 0x6b, 0xaf, 0xdb, 0x8b, 0x53,
-  0xc0, 0xc6, 0x86, 0xe7, 0x5a, 0x6a, 0xac, 0x53, 0x8a, 0x88, 0xa5, 0x5a, 0x96, 0x8d, 0x81, 0x6e,
+  0x95, 0x6c, 0x0a, 0xe4, 0x17, 0xac, 0xc1, 0x4e, 0x73, 0x70, 0x9f, 0x1f, 0x76, 0x9f, 0x52, 0xfa,
-  0x14, 0x07, 0x03, 0x6d, 0x1c, 0x0c, 0xde, 0x59, 0xf6, 0x79, 0x9c, 0xf3, 0x8d, 0xd3, 0xbf, 0x4f,
+  0x1c, 0x8d, 0x8d, 0xbb, 0x03, 0x41, 0xa7, 0x59, 0xf0, 0xd3, 0xf5, 0x59, 0x25, 0x64, 0xaa, 0xaa,
-  0xc8, 0x5e, 0x09, 0x6b, 0x8c, 0xc4, 0x22, 0xac, 0x0c, 0xa6, 0x1d, 0x9e, 0x27, 0xa4, 0xc4, 0x1a,
+  0x40, 0x48, 0x09, 0xfa, 0xae, 0x15, 0x6f, 0xef, 0x92, 0x81, 0x58, 0x67, 0xf6, 0x85, 0xcf, 0x2f,
-  0xac, 0xfe, 0xcb, 0xfe, 0x15, 0x1a, 0x3c, 0xf8, 0x4a, 0xce, 0xa7, 0x21, 0x71, 0x3c, 0x67, 0xe0,
+  0xed, 0xf6, 0xd8, 0x05, 0xaf, 0x8c, 0x9f, 0x43, 0x6a, 0x62, 0x42, 0xfc, 0x82, 0x5b, 0x2d, 0x1e,
-  0xdd, 0x2f, 0xf7, 0x58, 0xa9, 0x54, 0x39, 0xca, 0x9d, 0xd4, 0x0f, 0x0e, 0xf2, 0xf3, 0xdc, 0xb1,
+  0xda, 0xf3, 0xf1, 0xc0, 0x2f, 0xc5, 0x03, 0xe4, 0x66, 0x06, 0xfa, 0x16, 0xd2, 0x78, 0x30, 0x16,
-  0x45, 0x90, 0xb9, 0x75, 0xe3, 0x8f, 0xde, 0x89, 0x01, 0x1e, 0xc5, 0xa0, 0x80, 0xf9, 0x28, 0xd6,
+  0x2b, 0xba, 0xc7, 0x44, 0x7a, 0x37, 0x4e, 0xc9, 0x07, 0xcb, 0xea, 0x96, 0xbe, 0x7d, 0x88, 0x5f,
-  0x99, 0xe2, 0xb5, 0x99, 0x8f, 0x36, 0x4c, 0x39, 0xad, 0xf6, 0x86, 0x68, 0x92, 0xcb, 0xac, 0xa9,
+  0x98, 0x28, 0x19, 0xa6, 0xc8, 0x74, 0xb5, 0x91, 0x89, 0x15, 0x4a, 0x7a, 0xa9, 0xe6, 0x15, 0x02,
-  0xd0, 0x5c, 0x7f, 0x0d, 0x66, 0x51, 0x82, 0x7d, 0xfc, 0xb4, 0xfd, 0x92, 0xd3, 0x97, 0x8a, 0x5c,
+  0xdd, 0x08, 0x9d, 0xe4, 0x60, 0x28, 0xf8, 0xd6, 0x17, 0xbe, 0xf4, 0xb9, 0x6f, 0x58, 0x8d, 0x00,
-  0xaf, 0x84, 0x5c, 0x27, 0x84, 0x78, 0x15, 0x33, 0x8a, 0x3f, 0xdc, 0xf4, 0xfa, 0x42, 0xaf, 0xe6,
+  0xc1, 0x4a, 0xe4, 0xf9, 0xdc, 0xa9, 0x1a, 0x7f, 0xd5, 0xeb, 0x25, 0x7d, 0x5d, 0x8b, 0xc6, 0x7f,
-  0x0f, 0x50, 0xea, 0x25, 0xa8, 0x2b, 0xc8, 0x93, 0x70, 0xc6, 0x57, 0x74, 0x00, 0xb6, 0x78, 0x97,
+  0x5d, 0x4b, 0xf7, 0xe0, 0x0d, 0xfb, 0xea, 0x3b, 0x9f, 0x25, 0xa0, 0xfe, 0x33, 0x6e, 0x33, 0xca,
-  0xb6, 0x6f, 0x0f, 0xc6, 0xdd, 0x59, 0xca, 0xcc, 0x3c, 0x24, 0x3f, 0x84, 0x28, 0x99, 0xe6, 0xc4,
+  0xda, 0x35, 0xd7, 0x09, 0x85, 0xb3, 0x63, 0x9e, 0xfd, 0xe0, 0xea, 0x64, 0xed, 0xdb, 0xff, 0x37,
-  0x9d, 0xad, 0x1a, 0x91, 0x59, 0x2b, 0x9d, 0x5c, 0xb1, 0x16, 0x81, 0x2e, 0xb9, 0xca, 0x4a, 0xd0,
+  0x07, 0x97, 0xa7, 0xeb, 0x81, 0x3f, 0x3c, 0xfb, 0x0d, 0x03, 0x04, 0xb3, 0x4f, 0x5d, 0x08, 0x47,
-  0x14, 0x3c, 0xe3, 0x71, 0x4f, 0x78, 0xda, 0x53, 0xee, 0x0e, 0x01, 0x7c, 0x6c, 0x51, 0x79, 0xdd,
+  0x8b, 0xb2, 0xe6, 0x70, 0x8d, 0x92, 0x0b, 0x69, 0xd1, 0xd3, 0x50, 0x56, 0xaf, 0x94, 0xa6, 0x22,
-  0x97, 0xff, 0x5d, 0xad, 0x53, 0xfa, 0x7a, 0xc7, 0x3b, 0xef, 0xf5, 0x4e, 0xd8, 0x8b, 0xee, 0xdc,
+  0xbe, 0x1c, 0x8b, 0xc8, 0x09, 0x18, 0xe4, 0x20, 0xd7, 0x36, 0x1b, 0x8b, 0x7e, 0x7c, 0xc1, 0xea,
-  0xef, 0x9e, 0xcd, 0x49, 0x01, 0x2d, 0x5e, 0x32, 0x53, 0x50, 0xb7, 0x5f, 0x33, 0x95, 0x51, 0x78,
+  0x1c, 0xac, 0x07, 0x31, 0x15, 0xe7, 0x97, 0x2c, 0xbc, 0x18, 0x3f, 0xbf, 0xfc, 0xf7, 0x47, 0x4a,
-  0x77, 0xac, 0x73, 0x7c, 0xbc, 0x08, 0xa6, 0x9e, 0xf9, 0xdf, 0xe8, 0x8b, 0x65, 0xe8, 0x4d, 0xdf,
+  0xfb, 0x6d, 0xbc, 0x55, 0xae, 0x10, 0x0d, 0xc2, 0x23, 0x03, 0x6b, 0xf3, 0x72, 0x2f, 0x16, 0xfb,
-  0xfd, 0x8a, 0xe8, 0xfe, 0xf2, 0xcb, 0x80, 0x6f, 0x35, 0x51, 0xb7, 0x3b, 0xd4, 0x50, 0x33, 0x2e,
+  0x77, 0xff, 0xdd, 0xe1, 0x6b, 0xb8, 0xf0, 0x87, 0x57, 0x57, 0xac, 0x69, 0x9e, 0x88, 0x6d, 0xca,
-  0x0c, 0xe6, 0x6a, 0xea, 0xee, 0x56, 0x52, 0x51, 0x9e, 0x4c, 0x67, 0x3c, 0xb6, 0xee, 0xf9, 0x25,
+  0x94, 0x5b, 0xd8, 0x57, 0x2f, 0x05, 0x56, 0x1f, 0x27, 0x93, 0xb6, 0x19, 0x06, 0x76, 0x8f, 0x07,
-  0x88, 0xb5, 0x29, 0x66, 0x7c, 0x9c, 0x9c, 0xbb, 0xbb, 0x12, 0x8c, 0x03, 0x09, 0xe5, 0x67, 0x53,
+  0xbb, 0xfd, 0xae, 0x00, 0xe2, 0x16, 0xef, 0x62, 0x71, 0x9a, 0xeb, 0x96, 0x10, 0x36, 0x1b, 0x3d,
-  0x37, 0x38, 0x9f, 0xbd, 0xac, 0xfc, 0xf4, 0xc8, 0x66, 0xaf, 0xe7, 0x5b, 0x95, 0x12, 0xd1, 0x20,
+  0x2e, 0xb3, 0x63, 0x66, 0xa7, 0xc5, 0x15, 0x1e, 0x23, 0x32, 0xff, 0x48, 0xa1, 0x27, 0x76, 0x58,
-  0x38, 0x0a, 0x0c, 0x4d, 0xb9, 0xe5, 0x77, 0xfb, 0xfb, 0x78, 0x72, 0x78, 0x9a, 0xde, 0x79, 0xd3,
+  0x17, 0xae, 0x05, 0x7e, 0x35, 0x4a, 0x3a, 0x6e, 0x56, 0xef, 0x6a, 0xac, 0x27, 0x72, 0xaf, 0x96,
-  0x8b, 0x0b, 0xb7, 0xeb, 0x9e, 0x84, 0x35, 0x75, 0xce, 0x0c, 0xec, 0x0f, 0x0a, 0x05, 0xab, 0x00,
+  0x7f, 0x43, 0x62, 0xbd, 0x9f, 0xb5, 0xe6, 0xbb, 0x0f, 0x9b, 0xd5, 0x0a, 0xf4, 0x82, 0xc4, 0x71,
-  0x3b, 0x0a, 0xcf, 0x1a, 0xda, 0x33, 0xe9, 0xbf, 0x95, 0xa1, 0xf4, 0x48, 0x71, 0x2f, 0xd1, 0x7d,
+  0x6c, 0xd5, 0x1c, 0x21, 0xe5, 0x3a, 0xc0, 0x4e, 0xcf, 0x29, 0x04, 0x78, 0x35, 0xce, 0x1e, 0x45,
-  0xde, 0xeb, 0x7d, 0x2f, 0xfb, 0x7d, 0x7a, 0xac, 0xc9, 0x3b, 0xaa, 0xff, 0x89, 0x1b, 0x5b, 0x6e,
+  0x95, 0x50, 0x79, 0x7f, 0x60, 0x8c, 0xeb, 0xf6, 0x14, 0x85, 0xad, 0x6b, 0x99, 0xd6, 0xc3, 0xd5,
-  0x37, 0xe6, 0x2f, 0x5a, 0x0a, 0xcb, 0x6c, 0xd4, 0x76, 0x87, 0x5b, 0x85, 0xdc, 0xca, 0xf4, 0x2f,
+  0xe8, 0x8f, 0x3f, 0xbc, 0x8a, 0xe1, 0x7e, 0xb0, 0x60, 0x1a, 0xec, 0x46, 0xcb, 0xf1, 0x73, 0x5d,
-  0xc8, 0x8c, 0xf3, 0xb3, 0x52, 0x6c, 0xfb, 0xa9, 0x59, 0xad, 0x40, 0xdd, 0x91, 0x24, 0x49, 0x8c,
+  0x9a, 0x26, 0xe1, 0x36, 0xc9, 0x1c, 0x0b, 0x1c, 0x07, 0x46, 0xe5, 0x10, 0x80, 0xd6, 0xa8, 0x3d,
-  0xbc, 0x46, 0x40, 0xb1, 0xf6, 0x71, 0x64, 0x94, 0x14, 0x7c, 0x14, 0xce, 0xdc, 0x47, 0xcb, 0x04,
+  0x99, 0x01, 0x7c, 0xf3, 0xee, 0xe6, 0x5e, 0xbb, 0x1c, 0x11, 0xdf, 0xf9, 0x3a, 0xa2, 0x95, 0x41,
-  0xb4, 0xce, 0xef, 0xc8, 0xf1, 0xa1, 0xff, 0x8a, 0xc2, 0xc6, 0x6e, 0xdf, 0x3e, 0xc3, 0x6e, 0xbf,
+  0x3e, 0x65, 0xb0, 0x6f, 0x9f, 0xca, 0x3c, 0x01, 0x34, 0x95, 0x79, 0xf3, 0xa6, 0x32, 0x81, 0xc6,
-  0xf7, 0x3f, 0xbd, 0x4a, 0xe0, 0x36, 0xbc, 0x73, 0x15, 0x98, 0x46, 0x89, 0xd9, 0xcb, 0xaa, 0xbb,
+  0x29, 0xb0, 0x9b, 0x5b, 0x8c, 0x83, 0xdc, 0xef, 0x60, 0x39, 0x57, 0xc9, 0x37, 0xb0, 0xc1, 0xe7,
-  0x2e, 0x63, 0x26, 0x2b, 0xac, 0x0a, 0x9c, 0x2b, 0x78, 0x72, 0xc0, 0x07, 0xa5, 0xd0, 0x59, 0xb2,
+  0xd9, 0xf4, 0xf7, 0xf7, 0xf4, 0x31, 0x8a, 0x90, 0x2b, 0xb5, 0x0f, 0xb2, 0x31, 0x60, 0x3c, 0xc4,
-  0x04, 0xb8, 0x77, 0x6e, 0xae, 0x9d, 0x7e, 0x19, 0x11, 0xcf, 0xe6, 0x5a, 0xa1, 0xad, 0x46, 0x3d,
+  0xc4, 0x68, 0x84, 0xf9, 0x08, 0x60, 0x40, 0x62, 0x9b, 0xd7, 0x6f, 0xf3, 0xed, 0xdb, 0x91, 0xd5,
-  0x35, 0x56, 0x2a, 0x72, 0xd9, 0xfa, 0xad, 0x7e, 0x02, 0xe8, 0x5a, 0xfd, 0xe6, 0x4d, 0xab, 0x7d,
+  0x1b, 0x68, 0x08, 0x63, 0xa3, 0x7f, 0x3b, 0x89, 0xf4, 0x54, 0x09, 0x12, 0xa5, 0xc1, 0x83, 0x14,
-  0x85, 0xa7, 0x7d, 0x7b, 0x6d, 0x90, 0x07, 0xb5, 0xdf, 0x40, 0x7a, 0x2d, 0xb3, 0x7b, 0x30, 0xfe,
+  0x99, 0x39, 0x31, 0x0e, 0x11, 0x29, 0x25, 0x99, 0xb5, 0xa5, 0x19, 0xa1, 0x86, 0x7b, 0xba, 0xb9,
-  0xd7, 0xe5, 0xe2, 0xb7, 0x8f, 0xf4, 0x91, 0x85, 0x8b, 0x95, 0xdc, 0x93, 0x34, 0x1a, 0xb4, 0x83,
+  0x42, 0xb6, 0x98, 0x81, 0xa0, 0xd4, 0xca, 0x2a, 0x9c, 0x83, 0xef, 0x49, 0x65, 0x0c, 0x19, 0xe1,
-  0x98, 0xc8, 0x86, 0x07, 0x0b, 0x01, 0x34, 0x08, 0x3c, 0x72, 0xbb, 0xb7, 0xe5, 0xe6, 0x6d, 0x64,
+  0x93, 0xb0, 0x3e, 0x19, 0x85, 0x21, 0xe9, 0x1f, 0xe6, 0xce, 0xc1, 0x39, 0x53, 0xc6, 0xf6, 0x49,
-  0x54, 0x03, 0x1d, 0x71, 0xdd, 0xe8, 0xdf, 0xbe, 0x44, 0x79, 0xb2, 0x06, 0x81, 0xd6, 0xe0, 0x87,
+  0xe8, 0x7c, 0x58, 0xa0, 0xa4, 0x0b, 0x19, 0x3f, 0xe6, 0x92, 0x3e, 0x09, 0xf7, 0x92, 0xd8, 0x7f,
-  0x14, 0x95, 0x59, 0x33, 0x0e, 0x8c, 0x94, 0x92, 0xc2, 0x98, 0x5a, 0x47, 0xe8, 0xe1, 0x5e, 0x6e,
+  0x5e, 0xa7, 0x69, 0x0d, 0x4b, 0x21, 0xb9, 0xde, 0x7d, 0xd9, 0x95, 0x38, 0x99, 0xb9, 0xcb, 0xde,
-  0x29, 0x51, 0x2d, 0x76, 0xc0, 0xaf, 0x95, 0x34, 0x12, 0x07, 0xea, 0x47, 0xd2, 0x6a, 0x4d, 0x22,
+  0xb2, 0xcd, 0x39, 0x71, 0x36, 0x9e, 0xa6, 0x53, 0x97, 0xca, 0x5b, 0x61, 0x70, 0x48, 0x03, 0x26,
-  0xbc, 0x12, 0x77, 0x4c, 0xa2, 0x20, 0x20, 0xe3, 0xc3, 0x0c, 0x38, 0x24, 0x17, 0x52, 0x9b, 0x31,
+  0xa4, 0x00, 0x63, 0xf8, 0x1a, 0x88, 0x7f, 0x54, 0x3d, 0xac, 0x87, 0xc3, 0xb7, 0x1b, 0x9d, 0x51,
-  0x09, 0x6c, 0x8e, 0xeb, 0x4b, 0x61, 0x29, 0x93, 0xc7, 0x5e, 0xd2, 0x27, 0xe3, 0x7e, 0x14, 0xf6,
+  0xd8, 0xcd, 0xdd, 0xb0, 0xfd, 0x97, 0xf9, 0x07, 0xa8, 0x98, 0x44, 0x5c, 0x7b, 0x06, 0x00, 0x00
-  0x9f, 0xe5, 0x74, 0x7d, 0x20, 0xe5, 0x82, 0xa9, 0xed, 0xb7, 0x6d, 0x8d, 0xf3, 0x8b, 0xd9, 0xee,
-  0xa5, 0x7d, 0xcf, 0x89, 0x8d, 0xb1, 0x3c, 0x5f, 0xd8, 0x56, 0x5e, 0x71, 0x8d, 0xd3, 0x1e, 0xb0,
-  0x21, 0x15, 0xce, 0x60, 0xb6, 0x06, 0xe2, 0x1d, 0xed, 0x1e, 0xd7, 0x0e, 0xd9, 0x61, 0x92, 0xc5,
-  0xc1, 0x30, 0x5f, 0x83, 0xfe, 0xef, 0xea, 0x1f, 0xaa, 0x8c, 0x74, 0x8d, 0xc4, 0x06, 0x00, 0x00
 };
 
 

wled00/ws.cpp

@@ -138,7 +138,7 @@ void sendDataWs(AsyncWebSocketClient * client)
   releaseJSONBufferLock();
 }
 
-#define MAX_LIVE_LEDS_WS 256
+#define MAX_LIVE_LEDS_WS 1024
 
 bool sendLiveLedsWs(uint32_t wsClient)
 {
@@ -153,8 +153,10 @@ bool sendLiveLedsWs(uint32_t wsClient)
   uint8_t* buffer = wsBuf->get();
   buffer[0] = 'L';
   buffer[1] = 1; //version
+  buffer[2] = strip.matrixWidth;
+  buffer[3] = strip.matrixHeight;
 
-  uint16_t pos = 2;
+  uint16_t pos = 4;
   for (uint16_t i= 0; pos < bufSize -2; i += n)
   {
     uint32_t c = strip.getPixelColor(i);