assets/gradio_description_upload.md

<!-- ## 🤗 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>