O pacote eQuantic.UI.Lottie oferece suporte a animações de alta performance usando os formatos .lottie e .json através do web component @dotlottie/player-component.

Instalação

Adicione o pacote ao seu projeto e registre o serviço:

builder.Services.AddUI(options =>

{

options.UseLottie();

});

Uso básico

O componente LottiePlayer cuida do carregamento dos assets automaticamente via IRequireAssets.

new LottiePlayer

{

Src = "https://assets.lottiefiles.com/animation.json",

Autoplay = true,

Loop = true,

Width = "300px"

}

Suporte a dotLottie

Recomenda-se usar o formato .dotlottie para arquivos menores e melhor performance.

new LottiePlayer

{

Src = "https://example.com/animation.lottie",

Height = "400px",

Controls = true

}

Propriedades

Propriedade

Tipo

Descrição

Src

string

URL do arquivo de animação (.json ou .dotlottie).

Autoplay

bool

Inicia a animação automaticamente. Padrão: true.

Loop

bool

Repete a animação em loop. Padrão: true.

Speed

double

Multiplicador da velocidade de reprodução. Padrão: 1.

Background

string

Cor de fundo. Padrão: transparent.

Width

string?

Propriedade CSS de largura.

Height

string?

Propriedade CSS de altura.

Controls

bool

Mostra a interface nativa de controles do player.

PREVIOUSLocalization-pt-BR

ON THIS PAGE