Shellbrady/LivePortrait5

1<!-- ## 🤗 This is the official gradio demo for LivePortrait. -->2<!-- <div style="font-size: 1.0em;">3    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!4</div>5 6 7<!-- <div style="font-size: 1.2em;">8    Step1: upload or use a webcam to get a <strong>Source Portrait</strong> (any aspect ratio) to left side.<br>9    Step2: upload a <strong>Driving Video</strong> (1:1 aspect ratio) to right side.10</div> -->11 12<br>13<div style="font-size: 1.2em; display: flex; justify-content: space-between;">14    <div style="flex: 1; text-align: center; margin-right: 20px;">15        <div style="display: inline-block;">16            Step 1: Upload a <strong>Source Portrait</strong> (any aspect ratio) ⬇️17        </div>18        <div style="display: inline-block; font-size: 0.75em;">19            <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>.20        </div>21    </div>22    <div style="flex: 1; text-align: center; margin-left: 20px;">23        <div style="display: inline-block;">24            Step 2: Upload a <strong>Driving Video</strong> (1:1 aspect ratio) ⬇️25        </div>26        <div style="display: inline-block; font-size: 0.75em;">27            <strong>Tips:</strong> Focus on the head, minimize shoulder movement, <strong>neutral expression</strong> in first frame.28        </div>29    </div>30</div>31