Gradio Description Animation - Liveportrait

<span style="font-size: 1.2em;">🔥 To animate the source image or video with the driving video, please follow these steps:</span>

<div style="font-size: 1.2em; margin-left: 20px;"> 1. In the <strong>Animation Options for Source Image or Video</strong> section, we recommend enabling the <code>do crop (source)</code> option if faces occupy a small portion of your source image or video. </div> <div style="font-size: 1.2em; margin-left: 20px;"> 2. In the <strong>Animation Options for Driving Video</strong> section, the <code>relative head rotation</code> and <code>smooth strength</code> options only take effect if the source input is a video. </div> <div style="font-size: 1.2em; margin-left: 20px;"> 3. Press the <strong>🚀 Animate</strong> button and wait for a moment. Your animated video will appear in the result block. This may take a few moments. If the input is a source video, the length of the animated video is the minimum of the length of the source video and the driving video. </div> <div style="font-size: 1.2em; margin-left: 20px;"> 4. If you want to upload your own driving video, <strong>the best practice</strong>:

Crop it to a 1:1 aspect ratio (e.g., 512x512 or 256x256 pixels), or enable auto-driving by checking do crop (driving video).
Focus on the head area, similar to the example videos.
Minimize shoulder movement.
Make sure the first frame of driving video is a frontal face with neutral expression.

</div>