Como posso colocar uma animação Lottie na página inicial?

Suporte
1

Olá!

Criei uma versão animada do meu logotipo. Dê uma olhada aqui!

Converti o arquivo para .json (como uma animação Lottie) e gostaria de inserir essa animação no cabeçalho do meu site.
Deveria ser possível fazer isso apenas colando esse trecho de código na minha página:

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_KrQ5B2.json"  background="transparent"  speed="1"  style="width: 600px;" autoplay >
</lottie-player>

Mas, ao fazer isso no meu projeto Discourse, não funciona.
Não entendo o motivo, já que ele está chamando um recurso externo, então deveria ser independente do ambiente do Discourse, não é?

Li em outros tópicos que usuários do Discourse não conseguem usar animações Lottie em vez de ícones de categoria.
No meu caso, porém, não entendo por que não está funcionando (se eu colar o código na tag body, deveria funcionar).

Alguém poderia me ajudar com isso, por favor? :slight_smile:

2

Não tenho certeza de como usar a animação para o seu logotipo, mas para fazer o script rodar no seu site Discourse, você precisa adicionar https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js à configuração do site “content security policy script src”. Quando faço isso e adiciono o script à seção Cabeçalho do meu tema, a animação é exibida para mim.

3

Está funcionando bem!
Obrigado pela resposta :slight_smile: