| <!-- ## 🤗 This is the official gradio demo for LivePortrait. --> | |
| <!-- <div style="font-size: 1.0em;"> | |
| If you find LivePortrait fun 🤪 or useful, please consider starring 🌟 our <a href="https://github.com/KwaiVGI/LivePortrait">GitHub Repo</a> to discover more features! | |
| </div> | |
| <!-- <div style="font-size: 1.2em;"> | |
| Step1: upload or use a webcam to get a <strong>Source Portrait</strong> (any aspect ratio) to left side.<br> | |
| Step2: upload a <strong>Driving Video</strong> (1:1 aspect ratio) to right side. | |
| </div> --> | |
| <br> | |
| <div style="font-size: 1.2em; display: flex; justify-content: space-between;"> | |
| <div style="flex: 1; text-align: center; margin-right: 20px;"> | |
| <div style="display: inline-block;"> | |
| Step 1: Upload a <strong>Source Portrait</strong> (any aspect ratio) ⬇️ | |
| </div> | |
| <div style="display: inline-block; font-size: 0.75em;"> | |
| <strong>Note:</strong> To upload a source video, <a href="https://github.com/KwaiVGI/LivePortrait?tab=readme-ov-file#4-gradio-interface-"><strong>build Gradio locally</strong></a>. Windows users can use the <a href="https://huggingface.co./cleardusk/LivePortrait-Windows"><strong>one-click package</strong></a>. Animals model <a href="https://github.com/KwaiVGI/LivePortrait/blob/main/assets/docs/changelog/2024-08-02.md"><strong>here</strong></a>. | |
| </div> | |
| </div> | |
| <div style="flex: 1; text-align: center; margin-left: 20px;"> | |
| <div style="display: inline-block;"> | |
| Step 2: Upload a <strong>Driving Video</strong> (1:1 aspect ratio) ⬇️ | |
| </div> | |
| <div style="display: inline-block; font-size: 0.75em;"> | |
| <strong>Tips:</strong> Focus on the head, minimize shoulder movement, <strong>neutral expression</strong> in first frame. | |
| </div> | |
| </div> | |
| </div> | |