diff --git a/wled00/data/index.js b/wled00/data/index.js
index 7661e222..caab2916 100644
--- a/wled00/data/index.js
+++ b/wled00/data/index.js
@@ -1937,40 +1937,30 @@ function toggleSync()
function toggleLiveview()
{
if (isM) {
+ //WLEDMM adding liveview2D support on main ui
isLv = !isLv;
gId("colorGFX").style.display = isLv? "inline":"none";
gId("effectGFX").style.display = isLv? "inline":"none";
gId("segGFX").style.display = isLv? "inline":"none";
canvasPeek = gId("canvasPeek");
- peek(canvasPeek, !isLv); //set off if !isLv
-
- gId('buttonSr').className = (isLv) ? "active":"";
-
+ if (isLv) peek(canvasPeek); //W
} else {
- //WLEDMM adding liveview2D support
+ //WLEDMM remove liveview2D support here
if (isInfo && isM) toggleInfo();
if (isNodes && isM) toggleNodes();
isLv = !isLv;
var lvID = "liveview";
- // if (isM) {
- // lvID = "liveview2D"
- // if (isLv) {
- // var cn = '';
- // d.getElementById('kliveview2D').innerHTML = cn;
- // }
-
- // gId('mliveview2D').style.transform = (isLv) ? "translateY(0px)":"translateY(100%)";
- // }
gId(lvID).style.display = (isLv) ? "block":"none";
var url = (loc?`http://${locip}`:'') + "/" + lvID;
gId(lvID).src = (isLv) ? url:"about:blank";
- gId('buttonSr').className = (isLv) ? "active":"";
- if (!isLv && ws && ws.readyState === WebSocket.OPEN) ws.send('{"lv":false}');
size();
}
+
+ gId('buttonSr').className = (isLv) ? "active":"";
+ if (ws && ws.readyState === WebSocket.OPEN) ws.send(`{"lv":${isLv}}`);
}
function toggleInfo()
diff --git a/wled00/data/peek.js b/wled00/data/peek.js
index 6b418bb7..5192cfec 100644
--- a/wled00/data/peek.js
+++ b/wled00/data/peek.js
@@ -1,4 +1,4 @@
-function peek(c, setOff=false) {
+function peek(c) {
// Check for canvas support
var ctx = c.getContext('2d');
if (ctx) { // Access the rendering context
@@ -16,8 +16,8 @@ function peek(c, setOff=false) {
}
}
ws.binaryType = "arraybuffer";
-
- function processWSData(e) {
+ ws.addEventListener('message',(e)=>{
+ // function processWSData(e) {
try {
if (toString.call(e.data) === '[object ArrayBuffer]') {
let leds = new Uint8Array(e.data);
@@ -33,21 +33,18 @@ function peek(c, setOff=false) {
return 25+225*color/255;
} //WLEDMM in range 55 - 205
for (y=0.5;y