Use Case: Transparent Background Avatar Videos

Fresh

Scenario

You need avatar spokesperson videos with transparent backgrounds to overlay on product pages, presentations, or other video content. This allows the avatar to appear as a floating presenter without a fixed background.

Architecture

Implementation

Step 1: Create Avatar Video with Transparent Background

When creating a lipsync task, specify a transparent background:

Lipsync v1:

• POST /api/lipsyncs/ with transparent background parameter
• The avatar renders against an alpha channel

Aurora:

• POST /api/aurora/ with transparent background option
• Higher quality with natural transparency

Step 2: Verify Transparency

The output video should include an alpha channel. Verify by:

• Opening in a video editor that supports transparency
• Checking file format supports alpha (WebM, MOV with ProRes 4444)

Step 3: Composite the Video

Overlay the transparent avatar video onto your target content:

• Web pages: Use HTML5 video with WebM format for transparency
• Presentations: Import as overlay layer
• Video editing: Composite as a layer in your editor

Use Cases for Transparent Avatars

Application	Description
Product demos	Avatar explains product features overlaid on product images
Website guides	Floating assistant on web pages
Presentations	Virtual presenter in slide decks
Video ads	Avatar overlaid on B-roll footage
E-learning	Instructor overlay on educational content

Best Practices

TIP

1. Front-facing avatar -- Choose avatars with clear front-facing poses for best transparency
2. Simple gestures -- Minimal hand movements reduce transparency artifacts
3. Test playback -- Verify transparency works in your target platform before batch generating
4. File format -- WebM for web, MOV (ProRes 4444) for video editing

---

See Also

• AI Avatar v1 SOP -- Standard avatar video
• Aurora SOP -- Premium avatar generation
• Avatar Pipeline Workflow -- Choose the right model