Update app.py

app.py

@@ -7,6 +7,14 @@ import cv2
 import huggingface_hub
 import subprocess
 import threading
+from subprocess import getoutput
+
+is_shared_ui = False
+# is_shared_ui = True if "fffiloni/MimicMotion" in os.environ['SPACE_ID'] else False
+available_property = False if is_shared_ui else True
+
+is_gpu_associated = torch.cuda.is_available()
+gpu_info = getoutput('nvidia-smi')
 
 def stream_output(pipe):
     for line in iter(pipe.readline, ''):
@@ -174,16 +182,81 @@ def infer(ref_image_in, ref_video_in):
     
     return mp4_file_path
 
-output_video = gr.Video()
+output_video = gr.Video(label="Output Video")
 
-with gr.Blocks() as demo:
+css = """
+div#warning-duplicate {
+    background-color: #ebf5ff;
+    padding: 0 16px 16px;
+    margin: 20px 0;
+    color: #030303!important;
+}
+div#warning-duplicate > .gr-prose > h2, div#warning-duplicate > .gr-prose > p {
+    color: #0f4592!important;
+}
+div#warning-duplicate strong {
+    color: #0f4592;
+}
+p.actions {
+    display: flex;
+    align-items: center;
+    margin: 20px 0;
+}
+div#warning-duplicate .actions a {
+    display: inline-block;
+    margin-right: 10px;
+}
+div#warning-ready {
+    background-color: #ecfdf5;
+    padding: 0 16px 16px;
+    margin: 20px 0;
+    color: #030303!important;
+}
+div#warning-ready > .gr-prose > h2, div#warning-ready > .gr-prose > p {
+    color: #057857!important;
+}
+"""
+with gr.Blocks(css=css) as demo:
     with gr.Column():
+        gr.Markdown("# MimicMotion")
         with gr.Row():
             with gr.Column():
+                if is_shared_ui:
+                    top_description = gr.HTML(f'''
+                        <div class="gr-prose">
+                            <h2 class="custom-color"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" style="margin-right: 0px;display: inline-block;"fill="none"><path fill="#fff" d="M7 13.2a6.3 6.3 0 0 0 4.4-10.7A6.3 6.3 0 0 0 .6 6.9 6.3 6.3 0 0 0 7 13.2Z"/><path fill="#fff" fill-rule="evenodd" d="M7 0a6.9 6.9 0 0 1 4.8 11.8A6.9 6.9 0 0 1 0 7 6.9 6.9 0 0 1 7 0Zm0 0v.7V0ZM0 7h.6H0Zm7 6.8v-.6.6ZM13.7 7h-.6.6ZM9.1 1.7c-.7-.3-1.4-.4-2.2-.4a5.6 5.6 0 0 0-4 1.6 5.6 5.6 0 0 0-1.6 4 5.6 5.6 0 0 0 1.6 4 5.6 5.6 0 0 0 4 1.7 5.6 5.6 0 0 0 4-1.7 5.6 5.6 0 0 0 1.7-4 5.6 5.6 0 0 0-1.7-4c-.5-.5-1.1-.9-1.8-1.2Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M7 2.9a.8.8 0 1 1 0 1.5A.8.8 0 0 1 7 3ZM5.8 5.7c0-.4.3-.6.6-.6h.7c.3 0 .6.2.6.6v3.7h.5a.6.6 0 0 1 0 1.3H6a.6.6 0 0 1 0-1.3h.4v-3a.6.6 0 0 1-.6-.7Z" clip-rule="evenodd"/></svg>
+                            Attention: this Space need to be duplicated to work</h2>
+                            <p class="main-message custom-color">
+                                To make it work, <strong>duplicate the Space</strong> and run it on your own profile using a <strong>private</strong> GPU (A10G-large recommended).<br />
+                                A A10G-large costs <strong>US$1.50/h</strong>.
+                            </p>
+                            <p class="actions custom-color">
+                                <a href="https://huggingface.co/spaces/{os.environ['SPACE_ID']}?duplicate=true">
+                                    <img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/duplicate-this-space-lg-dark.svg" alt="Duplicate this Space" />
+                                </a>
+                                to start experimenting with this demo
+                            </p>
+                        </div>
+                    ''', elem_id="warning-duplicate")
+                else:
+                    top_description = gr.HTML(f'''
+                            <div class="gr-prose">
+                                <h2 class="custom-color"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" style="margin-right: 0px;display: inline-block;"fill="none"><path fill="#fff" d="M7 13.2a6.3 6.3 0 0 0 4.4-10.7A6.3 6.3 0 0 0 .6 6.9 6.3 6.3 0 0 0 7 13.2Z"/><path fill="#fff" fill-rule="evenodd" d="M7 0a6.9 6.9 0 0 1 4.8 11.8A6.9 6.9 0 0 1 0 7 6.9 6.9 0 0 1 7 0Zm0 0v.7V0ZM0 7h.6H0Zm7 6.8v-.6.6ZM13.7 7h-.6.6ZM9.1 1.7c-.7-.3-1.4-.4-2.2-.4a5.6 5.6 0 0 0-4 1.6 5.6 5.6 0 0 0-1.6 4 5.6 5.6 0 0 0 1.6 4 5.6 5.6 0 0 0 4 1.7 5.6 5.6 0 0 0 4-1.7 5.6 5.6 0 0 0 1.7-4 5.6 5.6 0 0 0-1.7-4c-.5-.5-1.1-.9-1.8-1.2Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M7 2.9a.8.8 0 1 1 0 1.5A.8.8 0 0 1 7 3ZM5.8 5.7c0-.4.3-.6.6-.6h.7c.3 0 .6.2.6.6v3.7h.5a.6.6 0 0 1 0 1.3H6a.6.6 0 0 1 0-1.3h.4v-3a.6.6 0 0 1-.6-.7Z" clip-rule="evenodd"/></svg>
+                                You have successfully associated a {gpu_info} GPU to the MimicMotion Space 🎉</h2>
+                                <p class="custom-color">
+                                    You will be billed by the minute from when you activated the GPU until when it is turned off.
+                                </p> 
+                            </div>
+                    ''', elem_id="warning-ready")
                 with gr.Row():
-                    ref_image_in = gr.Image(type="filepath")
-                    ref_video_in = gr.Video()
-                submit_btn = gr.Button("Submit")
+                    ref_image_in = gr.Image(label="Person Image Reference", type="filepath")
+                    ref_video_in = gr.Video(label="Person Video Reference")
+                    with gr.Accordion("Advanced Settings", open=False):
+                        num_inference_steps = gr.Slider(label="num inference steps", minimum=12, maximum=50, value=25, step=1, interactive=available_property)
+                        guidance_scale = gr.Slider(label="guidance scale", minimum=0.1, maximum=10, value=2, step=0.1, interactive=available_property)
+                        output_frames_per_second = gr.Slider(label="fps", minimum=1, maximum=60, value=16, step=1, interactive=available_property)
+                        seed = gr.Number(label="Seed", value=42, interactive=available_property)
+                submit_btn = gr.Button("Submit", interactive=available_property)
                 gr.Examples(
                     examples = [
                         ["./examples/demo1.jpg", "./examples/preview_1.mp4"]