Add handling for "Recording in progress" message

in stream.js and server.js

server/public/js/stream.js

@@ -23,6 +23,9 @@ ws.onmessage = function (event) {
         console.log('Python script disconnected');
         python_connected = false;
         setTimeout(() => showMessageOnCanvas("Stream disconnected. Waiting for stream..."), 2000);
+    } else if (event.data === 'Recording in progress') {
+        console.log('Recording in progress');
+        setTimeout(() => showMessageOnCanvas("Recording in progress. Waiting for stream to resume..."), 2000);
     } else if (python_connected) {
         const blob = new Blob([event.data], { type: 'image/jpeg' });
         const url = URL.createObjectURL(blob);

server/server.js

@@ -26,6 +26,11 @@ wss.on('connection', function connection(ws) {
             return;
         }
 
+        if (data.toString() === 'Recording in progress' && clientId === 'Python Script') {
+            broadcastData('Recording in progress', ws);
+            return;
+        }
+
         // Regular message handling
         broadcastData(data, ws);
     });