Use Case: Create Transparent Avatar Videos in WebM Format

End-to-end guide to generate an avatar video with a transparent background in WebM format using the Creatify API.

Create Transparent Avatar Videos in WebM Format

This use case shows how to generate an avatar video with a transparent background in WebM format (alpha channel) using Creatify’s API.
Perfect for overlaying an avatar on webpages, product demos, games, or editors without a background box.

Here’s an example of a generated transparent WebM avatar video:

---

---

🪄 Step 1: Create a Transparent Avatar Video

Send the script, choose an avatar, set your aspect ratio, and turn on transparency.

POST /api/lipsyncs/

Example Request

curl --request POST \
  --url https://api.creatify.ai/api/lipsyncs/ \
  --header 'Content-Type: application/json' \
  --header 'X-API-ID: <api-id>' \
  --header 'X-API-KEY: <api-key>' \
  --data '{
    "text": "Welcome to Creatify AI! Just enter your script, choose an avatar, and generate your video.",
    "creator": "18fccce8-86e7-5f31-abc8-18915cb872be",
    "aspect_ratio": "9:16",
    "transparent_background": true
}'

✅ The generated WebM includes an alpha channel, so the background is fully transparent.

---

⏳ Step 2: Check Video Generation Status

After submitting a video generation request, use the returned task ID to monitor progress and retrieve the completed video when it’s ready.

GET /api/lipsyncs/{id}/

Example Request

curl --request GET \
  --url https://api.creatify.ai/api/lipsyncs/4c0b2b3c-dcbb-4c12-8e98-a1e0643d5394 \
  --header 'X-API-ID: <api-id>' \
  --header 'X-API-KEY: <api-key>'

⏳ Once the status is done, download your video from the output field. You can embed or download the file and overlay the avatar on any background in your app or editor.

---

💡 Tips

• Player support: Ensure your player/environment supports WebM with alpha so transparency appears correctly.
• Overlay use: Place the WebM on top of other UI layers for dynamic, background-free avatars.
• Sizing: Match aspect_ratio to your target layout (e.g., 9:16 for vertical, 16:9 for landscape).

---

✅ Summary of Endpoints

Step	Endpoint	Description
1	/api/lipsyncs/	Create transparent avatar video
2	/api/lipsyncs/{id}/	Check video generation status