Update templates/index.html

templates/index.html

@@ -175,15 +175,19 @@
             });
         }
         const FPS = 22;
-        setInterval(() => {
-            var type = "image/jpg"
-            var video_element = document.getElementById("videoElement1")
-            var frame = capture(video_element, 1)
-            var data = frame.toDataURL(type);
-            //data = data.replace('data:' + type + ';base64,', '');
-            socket.emit('image', data);
-        }, 10000/FPS);
-    
+
+    // Update this code snippet in your existing frontend script
+
+setInterval(() => {
+    var type = "image/jpeg"; // Fix the typo in 'image/jpg'
+    var video_element = document.getElementById("videoElement1");
+    var frame = capture(video_element, 1);
+    var data = frame.toDataURL(type);
+
+    // Emit the image data to the backend using 'stream_frame' event
+    socket.emit('stream_frame', data);
+}, 10000/FPS);
+
     
         socket.on('response_back', function(image){
             const image_id = document.getElementById('image');