add other code

api/views/index.ejs

@@ -185,33 +185,25 @@
     function connect() {
 
 
-
+        socket = new WebSocket("ws://10.0.100.40:9001/");
-        console.log("Connecting to API");
+        let msg = document.getElementById("msg");
-        var ws = new WebSocket("ws://10.100.0.40:9001/");
+        socket.addEventListener('open', (e) => {
-
+            console.log("open");
-        ws.on("open", function open() {
+        });
-            console.log("connected with websockets to API!");
+        socket.addEventListener('message', (e) => {
+            let ctx = msg.getContext("2d");
+            let image = new Image();
+            image.src = URL.createObjectURL(e.data);
+            image.addEventListener("load", (e) => {
+                ctx.drawImage(image, 0, 0, msg.width, msg.height);
+            });
         });
 
-        ws.on("message", function message(message) {
+        // ws.on("error", function error(err) {
-            try {
+        //     console.log("there was an error");
-                var msg = JSON.parse(message);
+        //     console.error("error: " + err);
-                if (msg.type != "IMAGE") {
+        //     received_error = true;
-                    send_events_to_clients(msg);
+        // });
-                } else {
-                    console.log("got image");
-                }
-            } catch (error) {
-                console.log("could not parse as json, must be bytes");
-
-            }
-        });
-
-        ws.on("error", function error(err) {
-            console.log("there was an error");
-            console.error("error: " + err);
-            received_error = true;
-        });
 
         // var received = false;
         // var xhr = new XMLHttpRequest();