fix no image

app.py

@@ -22,6 +22,9 @@ So I don't know which one is better.never compare these.
 '''
 #@spaces.GPU(duration=120)
 def process_images(image,no_mesh_draw=False,square_shape=False,progress=gr.Progress(track_tqdm=True)):
+    if image == None:
+        raise gr.Error("Need Image")
+
     progress(0, desc="Start Mediapipe")
     
     boxes,mp_image,face_landmarker_result = mp_box.mediapipe_to_box(image)
@@ -48,10 +51,11 @@ def process_images(image,no_mesh_draw=False,square_shape=False,progress=gr.Progr
        print(box)
        print(mp_box.xywh_to_xyxy(box))
        annotation_boxes.append([mp_box.xywh_to_xyxy(box),label])
-       index+=1
+       
        
        jsons[label] = boxes[index-1]
-       print(label)
+       print(index)
+       index+=1
  
     #print(annotation_boxes)
     formatted_json = json.dumps(jsons, indent=1)
@@ -110,7 +114,7 @@ with gr.Blocks(css=css, elem_id="demo-container") as demo:
                     with gr.Accordion(label="Advanced Settings", open=False):
                         with gr.Row( equal_height=True):
                             no_mesh_draw = gr.Checkbox(label="No Mesh Drawing")
-                            square_shape = gr.Checkbox(label="square shape")
+                            square_shape = gr.Checkbox(label="Square shape")
                     
                 with gr.Column():
                     image_out = gr.AnnotatedImage(label="Output", elem_id="output-img")

demo_header.html

@@ -3,10 +3,14 @@
         Mediapipe Face Detect
     </h1>
     <div  class="grid-container">
-        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00191245_09_00002200.webp" alt="Flux.1-schnell-WebP3Frame-TalkingAnimation" class="image">
-        This Space use <a href="https://ai.google.dev/edge/mediapipe/solutions/vision/face_landmarker">Mediapipe face landmark detection model</a> which licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0 License</a>
+        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00191245_09_00002200.webp" alt="Mediapipe Face Detection" class="image">
+       
         <p class="text">
-
+            This Space use <a href="https://ai.google.dev/edge/mediapipe/solutions/vision/face_landmarker">Mediapipe face landmark detection model</a> which licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0 License</a>
+            type-1 is minimum face detection for inner face point like dlib-5-point<br>
+            type-2 is standard face detection + marging works well<br> 
+            type-3 is mediapipe-landmarks maximum outside<br> 
+            square shape:some trainer need square shape like dlib<br>
         </p>
     </div>
     

demo_tools.html

@@ -1,10 +1,4 @@
 <div style="text-align: center;">
     <p><a href="https://huggingface.co/spaces/Akjava/mediapipe-face-detect">Mediapipe Face detector</a></p>
-    <p><a href="https://huggingface.co/spaces/Akjava/WebPTalkHead">[WebP-3F-TH]</a>
-        <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-img2img">[Flux1-Img2Img(GPU)]</a>  
-        <a href="https://huggingface.co/spaces/Akjava/flux1-schnell-mask-inpaint">[Flux1-Inpaint(GPU)]</a> 
-        <a href="https://huggingface.co/spaces/Akjava/OpenCVInpaintCPU">[OpenCV-Inapint]</a>
-        <a href="https://huggingface.co/spaces/Akjava/Simple-Whitebalance-Image">[Whitebalance]</a>
-        <a href="https://huggingface.co/spaces/Akjava/Simple-Mask-Paste-Image">[Paste Image]</a>
-        <a href=" https://huggingface.co/spaces/Akjava/WebP-Resize-Convert">[WebP Resize Convert]</a></p> 
+    <p></p> 
 </div>