Die AvatarVideo-Komponente wird normalerweise innerhalb der Avatar-Komponente verwendet. Sie benötigt ein Video-Asset, um funktionsfähig zu sein.

AvatarVideo

Video-Avatar Wrapper

Die AvatarVideo-Komponente ist ein Wrapper für Video-Wiedergabe in Avatar-Komponenten. Sie verwendet ein Custom Element für manuelle Play/Stop-Steuerung mit Button-Overlays und unterstützt WebM (VP9) für die meisten Browser und HEVC MOV für Safari.

Codebeispiel

<AvatarVideo
videoSrc="/videos/avatar.webm"
videoHevc="/videos/avatar.mov"
alt="Video Avatar"
className="w-full h-full"
/>

Parameter

BezeichnerTypBeschreibungDefault
videoSrcstringVideo-Pfad (WebM Format)-
videoHevcstringVideo-Pfad (HEVC MOV Format) für Safari-
altstringAlt-Text für das Video''
classNamestringZusätzliche CSS-Klassen''