Update app.py

app.py

@@ -31,6 +31,7 @@ from huggingface_hub import hf_hub_download
 import requests
 import io
 
+
 # Define video transformations
 video_transforms = transforms.Compose(
     [
@@ -76,6 +77,11 @@ pipe.set_adapters(["i2v"], adapter_weights=[1.0])
 pipe.fuse_lora(components=["transformer"], lora_scale=1.0, adapter_names=["i2v"])
 pipe.unload_lora_weights()
 
+# Function to read the content of a markdown file in the same directory
+def read_markdown_file(file_path):
+    with open(file_path, 'r', encoding='utf-8') as file:
+        return file.read()
+        
 def resize_image_to_bucket(image: Union[Image.Image, np.ndarray], bucket_reso: Tuple[int, int]) -> np.ndarray:
     """
     Resize the image to the bucket resolution.
@@ -323,11 +329,8 @@ def main():
             with gr.Column(scale=3):
                 outputs = gr.Video(label="Generated Video")
                 with gr.Accordion(label="Examples"):
-                    gr.Markdown("""
-                    <div>
-                    | Starting Frame | End Frame | Generated Video | | --- | --- | --- | | <img src="https://content.dashtoon.ai/stability-images/41aeca63-064a-4003-8c8b-bfe2cc80d275.png" width=200> | <img src="https://content.dashtoon.ai/stability-images/28956177-3455-4b56-bb6c-73eacef323ca.png" width=200> | <video controls autoplay src="https://content.dashtoon.ai/stability-images/14b7dd1a-1f46-4c4c-b4ec-9d0f948712af.mp4"></video> | | <img src="https://content.dashtoon.ai/stability-images/ddabbf2f-4218-497b-8239-b7b882d93000.png" width=200> | <img src="https://content.dashtoon.ai/stability-images/b603acba-40a4-44ba-aa26-ed79403df580.png" width=200> | <video controls autoplay src="https://content.dashtoon.ai/stability-images/b00ba193-b3b7-41a1-9bc1-9fdaceba6efa.mp4"></video> | | <img src="https://content.dashtoon.ai/stability-images/5298cf0c-0955-4568-935a-2fb66045f21d.png" width=200> | <img src="https://content.dashtoon.ai/stability-images/722a4ea7-7092-4323-8e83-3f627e8fd7f8.png" width=200> | <video controls autoplay src="https://content.dashtoon.ai/stability-images/0cb84780-4fdf-4ecc-ab48-12e7e1055a39.mp4"></video> | | <img src="https://content.dashtoon.ai/stability-images/69d9a49f-95c0-4e85-bd49-14a039373c8b.png" width=200> | <img src="https://content.dashtoon.ai/stability-images/0cef7fa9-e15a-48ec-9bd3-c61921181802.png" width=200> | <video controls autoplay src="https://content.dashtoon.ai/stability-images/ce12156f-0ac2-4d16-b489-37e85c61b5b2.mp4"></video> |
-                    </div>
-                    """, sanitize_html=False)
+                    markdown_content = read_markdown_file("examples.md")
+                    gr.Markdown(markdown_content, sanitize_html=False)
                 with gr.Accordion():
                     gr.Markdown("""