Add examples (images)

app.py

@@ -1,3 +1,4 @@
+import os
 import os.path as osp
 from typing import List
 
@@ -133,15 +134,46 @@ with gr.Blocks(theme=custom_theme, css="style.css") as demo:
                     sources=["upload", "clipboard"],
                     type="pil",
                 )
+                example_folder = osp.join(
+                    osp.dirname(__file__), "./resources/examples_images"
+                )
+                example_fns = [
+                    osp.join(example_folder, example)
+                    for example in os.listdir(example_folder)
+                ]
+                gr.Examples(
+                    examples=example_fns,
+                    inputs=[input_image],
+                    outputs=[input_image],
+                    cache_examples=False,
+                    label="Examples (click one of the images below to start)",
+                    examples_per_page=10,
+                )
                 confidence_image_slider = gr.Slider(
                     label="Confidence", minimum=0.1, maximum=1.0, step=0.05, value=0.6
                 )
                 submit_button_image = gr.Button("Let's find orang outans 🦧 !")
             output_image = gr.Image(label="Results", type="pil")
+
     with gr.Tab("Detect on a video 📹"):
         with gr.Row():
             with gr.Column():
                 input_video = gr.Video(sources=["upload"])
+                example_folder = osp.join(
+                    osp.dirname(__file__), "./resources/examples_videos"
+                )
+                example_fns = [
+                    osp.join(example_folder, example)
+                    for example in os.listdir(example_folder)
+                ]
+                gr.Examples(
+                    examples=example_fns,
+                    inputs=[input_video],
+                    outputs=[input_video],
+                    cache_examples=False,
+                    label="Examples (click one of the images below to start)",
+                    examples_per_page=10,
+                )
                 # confidence_video_slider = gr.Slider(
                 #     label="Confidence", minimum=0.1, maximum=1.0, step=0.05, value=0.6
                 # )