update html

app.py

@@ -44,7 +44,7 @@ def picker_color_to_rgba(picker_color):
     return color_value
 
 #@spaces.GPU(duration=120)
-def process_images(image,draw_number,font_scale,text_color_text,dot_size,dot_color_text,line_size,line_color_text,box_size,box_color_text,json_format,progress=gr.Progress(track_tqdm=True)):
+def process_images(image,draw_number,font_scale,text_color_text,dot_size,dot_color_text,line_size,line_color_text,box_size,box_color_text,json_format,draw_mesh=False,progress=gr.Progress(track_tqdm=True)):
     
     if not os.path.exists(dir_name):
         os.mkdir(dir_name)
@@ -63,7 +63,8 @@ def process_images(image,draw_number,font_scale,text_color_text,dot_size,dot_col
     dot_color = picker_color_to_rgba(dot_color_text)
     box_color = picker_color_to_rgba(box_color_text)
 
-    image=Image.fromarray(mp_box.draw_landmarks_on_image(face_landmarker_result,image))
+    if draw_mesh:
+        image=Image.fromarray(mp_box.draw_landmarks_on_image(face_landmarker_result,image))
 
     annotated_image,bbox,landmark_points = draw_landmarks68.draw_landmarks_on_image(image,face_landmarker_result,draw_number,font_scale,text_color,
                                                                                     dot_size,dot_color,line_size,line_color,
@@ -190,6 +191,7 @@ with gr.Blocks(css=css, elem_id="demo-container") as demo:
                                 value=1)
                         with gr.Row( equal_height=True):
                             json_format = gr.Radio(choices=["raw","face-detection"],value="face-detection",label="json-output format")
+                            draw_mesh = gr.Checkbox(label="draw mesh",info="draw mediapipe mesh")
                     
                 with gr.Column():
                     image_out = gr.Image(label="Output", elem_id="output-img")
@@ -200,9 +202,9 @@ with gr.Blocks(css=css, elem_id="demo-container") as demo:
 
     btn.click(fn=process_images, inputs=[image,draw_number,font_scale,text_color,
                                          dot_size,dot_color,line_size,line_color,
-                                         box_size,box_color,json_format], outputs =[image_out,text_out,download_button], api_name='infer')
+                                         box_size,box_color,json_format,draw_mesh], outputs =[image_out,text_out,download_button], api_name='infer')
     gr.Examples(
-                examples =["examples/00004200.jpg","examples/00005259.jpg","examples/00018022.jpg","examples/img-above.jpg","examples/img-below.jpg","examples/img-side.jpg"],
+                examples =["examples/00003245_00.jpg","examples/00004200.jpg","examples/00005259.jpg","examples/00018022.jpg","examples/img-above.jpg","examples/img-below.jpg","examples/img-side.jpg"],
                 inputs=[image]
     )
     gr.HTML(read_file("demo_footer.html"))

demo_header.html

@@ -3,7 +3,7 @@
         Mediapipe 68-points facial landmark
     </h1>
     <div  class="grid-container">
-        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00191245_09_00002200.webp" alt="Mediapipe Face Detection" class="image">
+        <img src="https://akjava.github.io/AIDiagramChatWithVoice-FaceCharacter/webp/128/00428245.webp" alt="Mediapipe Face Detection" class="image">
        
         <p class="text">
             This Space use <a href="http://www.apache.org/licenses/LICENSE-2.0">the Apache 2.0</a> Licensed <a href="https://ai.google.dev/edge/mediapipe/solutions/vision/face_landmarker">Mediapipe FaceLandmarker</a> <br>

demo_tools.html

@@ -1,4 +1,10 @@
 <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/mediapipe-face-detect">Mediapipe Face detector</a> | 
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-face-crop-and-replace">Face Crop and Replace</a>  | 
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-68-points-facial-landmark">68 points landmark</a> | 
+        <a href="https://huggingface.co/spaces/Akjava/mediapipe-68-points-facial-mask">Create 68 points Parts Mask</a> | 
+        <a href="https://huggingface.co/spaces/Akjava/histgram-color-matching">Histgram Color Matching</a>
+    </p>
     <p></p> 
 </div>