Update app.py

app.py

@@ -1,5 +1,4 @@
 import gradio as gr
-from gradio import components
 import numpy as np
 import time
 
@@ -8,16 +7,7 @@ def placeholder_process(image):
     time.sleep(1)  # Simulate processing time
     return image, "Real", 0.95
 
-def format_result(image, label, confidence):
-    """Format and display the result"""
-    return (
-        image, 
-        f"Detection Result: {label}", 
-        f"Confidence Score: {confidence:.2%}",
-        gr.update(visible=True)
-    )
-
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
+with gr.Blocks() as demo:
     # Header
     gr.Markdown("""
     # Face Spoofing Detection System
@@ -30,28 +20,26 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
         with gr.Tab("Webcam Detection"):
             with gr.Row():
                 with gr.Column(scale=2):
-                    # Using components.Camera instead of Webcam
-                    webcam = components.Camera(label="Webcam Feed", streaming=True)
+                    # Using basic Image component with webcam
+                    webcam = gr.Image(shape=(480, 640), label="Webcam Feed")
                 with gr.Column(scale=1):
-                    webcam_status = components.Textbox(label="Status", value="Ready", interactive=False)
-                    webcam_result = components.Textbox(label="Detection", interactive=False)
-                    webcam_conf = components.Textbox(label="Confidence", interactive=False)
-                    webcam_alert = components.Textbox(label="Alert", visible=False)
+                    webcam_status = gr.Textbox(label="Status", value="Ready", interactive=False)
+                    webcam_result = gr.Textbox(label="Detection", interactive=False)
+                    webcam_conf = gr.Textbox(label="Confidence", interactive=False)
             
-            webcam_button = components.Button("Start Detection", variant="primary")
+            webcam_button = gr.Button("Start Detection", variant="primary")
         
         # Image Upload Tab
         with gr.Tab("Image Upload"):
             with gr.Row():
                 with gr.Column(scale=2):
-                    image_input = components.Image(label="Upload Image", type="numpy")
+                    image_input = gr.Image(label="Upload Image")
                 with gr.Column(scale=1):
-                    image_status = components.Textbox(label="Status", value="Ready", interactive=False)
-                    image_result = components.Textbox(label="Detection", interactive=False)
-                    image_conf = components.Textbox(label="Confidence", interactive=False)
-                    image_alert = components.Textbox(label="Alert", visible=False)
+                    image_status = gr.Textbox(label="Status", value="Ready", interactive=False)
+                    image_result = gr.Textbox(label="Detection", interactive=False)
+                    image_conf = gr.Textbox(label="Confidence", interactive=False)
             
-            image_button = components.Button("Analyze Image", variant="primary")
+            image_button = gr.Button("Analyze Image")
     
     # Info Section
     with gr.Accordion("Information", open=False):
@@ -66,28 +54,29 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
         - Position face clearly in the frame
         - Keep steady and avoid rapid movements
         - For best results, maintain a distance of 30-60cm from the camera
-        
-        ### System Requirements
-        - Webcam with minimum 720p resolution (for live detection)
-        - Stable internet connection
-        - Supported browsers: Chrome, Firefox, Safari
         """)
     
     # Event handlers
     def update_status(is_webcam=True):
         prefix = "Webcam" if is_webcam else "Image"
         return f"{prefix} analysis in progress..."
+
+    def process_image(img):
+        if img is None:
+            return "No image provided", "", ""
+        result, label, conf = placeholder_process(img)
+        return update_status(False), f"Detection: {label}", f"Confidence: {conf:.2%}"
     
     image_button.click(
-        fn=lambda img: (update_status(False), *placeholder_process(img)),
+        fn=process_image,
         inputs=[image_input],
-        outputs=[image_status, image_input, image_result, image_conf, image_alert]
+        outputs=[image_status, image_result, image_conf]
     )
     
     webcam_button.click(
-        fn=lambda img: (update_status(True), *placeholder_process(img)),
+        fn=process_image,
         inputs=[webcam],
-        outputs=[webcam_status, webcam, webcam_result, webcam_conf, webcam_alert]
+        outputs=[webcam_status, webcam_result, webcam_conf]
     )
 
 # Launch the interface