Eliminar rectángulos de test y predeterminados para mostrar solo las detecciones reales

streamlit_app.py

@@ -2661,43 +2661,14 @@ def main():
                                     displayCtx.fillText(`Rostros: ${lastBoxes.length}`, 20, 30);
                                 } else if (video.readyState === video.HAVE_ENOUGH_DATA) {
                                     // Si no hay cajas almacenadas pero el video está activo,
-                                    // dibujar un rectángulo predeterminado en el centro
-                                    const w = display.width;
-                                    const h = display.height;
-                                    const centerX = w / 2;
-                                    const centerY = h / 2;
-                                    const faceW = w * 0.4;  // 40% del ancho
-                                    const faceH = h * 0.5;  // 50% del alto
-                                    
-                                    const x1 = centerX - faceW / 2;
-                                    const y1 = centerY - faceH / 2;
-                                    const x2 = x1 + faceW;
-                                    const y2 = y1 + faceH;
-                                    
-                                    // Dibujar rectángulo predeterminado
-                                    displayCtx.strokeStyle = '#FFA500'; // Naranja
-                                    displayCtx.lineWidth = 6; 
-                                    displayCtx.strokeRect(x1, y1, faceW, faceH);
-                                    
-                                    // Añadir un relleno semitransparente
-                                    displayCtx.fillStyle = 'rgba(255, 165, 0, 0.2)';
-                                    displayCtx.fillRect(x1, y1, faceW, faceH);
-                                    
-                                    // Añadir un fondo para el texto
-                                    displayCtx.fillStyle = 'rgba(0, 0, 0, 0.7)';
-                                    displayCtx.fillRect(x1, y1-25, 190, 25);
-                                    
-                                    // Dibujar etiqueta
-                                    displayCtx.fillStyle = '#FFA500';
-                                    displayCtx.font = 'bold 18px Arial';
-                                    displayCtx.fillText('Rostro predeterminado', x1+5, y1-5);
+                                    // simplemente mostrar el mensaje "No se detectan rostros"
                                     
                                     // Mensaje de estado
                                     displayCtx.fillStyle = 'rgba(0, 0, 0, 0.7)';
-                                    displayCtx.fillRect(10, 10, 300, 30);
-                                    displayCtx.fillStyle = '#FFA500';
+                                    displayCtx.fillRect(10, 10, 250, 30);
+                                    displayCtx.fillStyle = '#FF9900';
                                     displayCtx.font = 'bold 18px Arial';
-                                    displayCtx.fillText('Detección asistida activada', 20, 30);
+                                    displayCtx.fillText('No se detectan rostros', 20, 30);
                                 }
                             }
                             
@@ -2768,35 +2739,13 @@ def main():
                                                 lastBoxes = [];
                                             }
                                         }
-                                        
-                                        // Dibuja un rectángulo de prueba siempre, para verificar que el canvas funciona
-                                        drawTestRect();
                                     }
-                                } else if (event.data && event.data.type === 'testRect') {
-                                    // Si solo recibimos una señal de prueba, dibujar el rectángulo
-                                    console.log('Recibido señal para dibujar rectángulo de prueba');
-                                    drawTestRect();
                                 }
                             });
                             
-                            // Dibujar un rectángulo de prueba para verificar que el canvas funciona
-                            function drawTestRect() {
-                                displayCtx.strokeStyle = '#FF0000'; // Rojo brillante
-                                displayCtx.lineWidth = 5;
-                                displayCtx.strokeRect(50, 50, 100, 100);
-                                displayCtx.fillStyle = 'rgba(255, 0, 0, 0.3)'; // Relleno semitransparente
-                                displayCtx.fillRect(50, 50, 100, 100);
-                                displayCtx.fillStyle = '#FF0000';
-                                displayCtx.font = 'bold 16px Arial';
-                                displayCtx.fillText('TEST', 85, 100);
-                                console.log('Rectángulo de prueba dibujado');
-                            }
-                            
                             // Arrancar todo
                             async function initCapture() {
                                 await setupCamera();
-                                // Dibujar rectángulo de prueba
-                                setTimeout(drawTestRect, 1000);
                                 // Empezar a capturar frames periódicamente
                                 captureInterval = setInterval(captureFrame, captureDelay);
                                 console.log(`Captura iniciada con intervalo de ${captureDelay}ms`);
@@ -2950,13 +2899,13 @@ def main():
                                         force_display_js = """
                                             <script>
                                                 (function() {
-                                                    console.log("Forzando actualización del rectángulo de prueba");
+                                                    console.log("Forzando actualización del display");
                                                     
                                                     const noDetectionMessage = {
                                                         type: 'faceBoxes',
                                                         boxes: [],
                                                         timestamp: Date.now(),
-                                                        forceDisplay: true
+                                                        forceDisplay: false
                                                     };
                                                     
                                                     // Enviar a todos los destinos posibles
@@ -2969,22 +2918,6 @@ def main():
                                                             try { frames[i].contentWindow.postMessage(noDetectionMessage, '*'); } catch(e) {}
                                                         }
                                                     } catch(e) {}
-                                                    
-                                                    // Enviar señal de prueba para verificar comunicación
-                                                    const testMessage = {
-                                                        type: 'testRect',
-                                                        timestamp: Date.now()
-                                                    };
-                                                    
-                                                    try { window.parent.postMessage(testMessage, '*'); } catch(e) {}
-                                                    try { window.postMessage(testMessage, '*'); } catch(e) {}
-                                                    
-                                                    try {
-                                                        const frames = document.getElementsByTagName('iframe');
-                                                        for(let i = 0; i < frames.length; i++) {
-                                                            try { frames[i].contentWindow.postMessage(testMessage, '*'); } catch(e) {}
-                                                        }
-                                                    } catch(e) {}
                                                 })();
                                             </script>
                                         """