Spaces:
Sleeping
Sleeping
feat: fix
Browse files
app.py
CHANGED
|
@@ -282,25 +282,24 @@ with gr.Blocks() as demo:
|
|
| 282 |
|
| 283 |
gr.Markdown(f"<div style='text-align: center; padding: 10px; background-color: #f0f0f0; border-radius: 5px;'>{gpu_info}</div>")
|
| 284 |
|
| 285 |
-
|
| 286 |
-
|
| 287 |
-
|
| 288 |
-
|
| 289 |
-
|
| 290 |
-
|
| 291 |
-
|
| 292 |
-
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
|
| 298 |
-
|
| 299 |
-
|
| 300 |
-
|
| 301 |
-
|
| 302 |
-
|
| 303 |
-
""")
|
| 304 |
|
| 305 |
# Main Layout: 3 columns - Image, Video, Results
|
| 306 |
with gr.Row():
|
|
|
|
| 282 |
|
| 283 |
gr.Markdown(f"<div style='text-align: center; padding: 10px; background-color: #f0f0f0; border-radius: 5px;'>{gpu_info}</div>")
|
| 284 |
|
| 285 |
+
gr.Markdown("""
|
| 286 |
+
<div style='text-align: center; padding: 20px; background-color: #f8f9fa; border-radius: 10px; margin: 10px 0; border: 2px solid #e0e0e0;'>
|
| 287 |
+
|
| 288 |
+
## π How to Use This Demo
|
| 289 |
+
|
| 290 |
+
Follow these simple steps to create your animated emoji video:
|
| 291 |
+
|
| 292 |
+
**1. πΈ Upload Reference Image** β Upload a portrait photo in the left panel
|
| 293 |
+
**2. π¬ Upload Reference Video** β Upload a video or select a preprocessed .npy file in the middle panel
|
| 294 |
+
**3. βοΈ Crop Face (Optional)** β Enable face cropping to automatically fit the image to match the video motion
|
| 295 |
+
**4. ποΈ Preview Animation** β Click "Show Animation preview" to see how the motion will look
|
| 296 |
+
**5. βοΈ Adjust Settings** β Fine-tune generation parameters at the bottom (steps, CFG scale, FPS, etc.)
|
| 297 |
+
**6. π¨ Generate Video** β Click "Generate Video" to create your animated result
|
| 298 |
+
|
| 299 |
+
π‘ **Tips**: Use face cropping if your portrait is too far away β’ Preview the animation before generating β’ Try the examples below!
|
| 300 |
+
|
| 301 |
+
</div>
|
| 302 |
+
""")
|
|
|
|
| 303 |
|
| 304 |
# Main Layout: 3 columns - Image, Video, Results
|
| 305 |
with gr.Row():
|