Update screen_capture.js

screen_capture.js

@@ -6,17 +6,31 @@ async function startScreenCapture() {
             audio: false
         });
 
-        // Conectar el stream a un canvas o video tag para previsualizar si es necesario
         const videoElement = document.getElementById('screenPreview');
         if (videoElement) {
             videoElement.srcObject = stream;
+            videoElement.play();
         }
 
-        // Aquí podrías enviar el stream al backend para procesar con ffmpeg
-        // Por ejemplo, enviar el stream a través de WebRTC o una conexión WebSocket
-
+        // Conectar el stream de video a un servidor backend a través de WebRTC o WebSocket para que lo procese FFmpeg
+        const mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.ondataavailable = function(event) {
+            if (event.data.size > 0) {
+                // Aquí deberías enviar los datos de video al backend
+                sendToBackend(event.data);
+            }
+        };
+        mediaRecorder.start(1000); // Captura datos cada segundo
     } catch (err) {
         console.error("Error capturando pantalla: ", err);
     }
 }
-</script>
+
+function sendToBackend(data) {
+    // Lógica para enviar el stream al backend
+    fetch('/save_stream', {
+        method: 'POST',
+        body: data
+    });
+}
+</script>