Update Gradio app with multiple files

app.py

@@ -145,6 +145,21 @@ with gr.Blocks(
         """
     )
     
+    gr.HTML(
+        """
+        <div class="info-box">
+            <strong>✨ Special Tokens for Enhanced Control:</strong>
+            <ul>
+                <li><strong>Speech:</strong> <code>&lt;S&gt;Your speech content here&lt;E&gt;</code> - Text enclosed in these tags will be converted to speech</li>
+                <li><strong>Audio Description:</strong> <code>&lt;AUDCAP&gt;Audio description here&lt;ENDAUDCAP&gt;</code> - Describes the audio or sound effects present in the video</li>
+            </ul>
+            <br>
+            <strong>📝 Example Prompt:</strong><br>
+            <code>Dogs bark loudly at a man wearing a red shirt. The man says &lt;S&gt;Please stop barking at me!&lt;E&gt;. &lt;AUDCAP&gt;Dogs barking, angry man yelling in stern voice&lt;ENDAUDCAP&gt;.</code>
+        </div>
+        """
+    )
+    
     with gr.Row():
         with gr.Column(scale=1):
             image_input = gr.Image(
@@ -156,7 +171,7 @@ with gr.Blocks(
             
             prompt_input = gr.Textbox(
                 label="✍️ Motion Prompt",
-                placeholder="Describe the motion or animation you want to see...",
+                placeholder="Describe the motion or animation you want to see. Use <S>text<E> for speech and <AUDCAP>description<ENDAUDCAP> for audio effects...",
                 lines=3,
                 value="The subject starts to move naturally",
             )