Использование tgs файлов на сайте Vue 3?

Question

[setupx]

Скачал я анимированный стикер с телеграмма и все они идут в расширении .tgs, сделал через github.com/LottieFiles/dotlottie-web но мне кажется все равно медленно грузится и подвисает немного. Есть какие-нибудь другие способы подгрузки такого файла?

Comments

[Aetae]

Сковертируй(настрой серверный конвертер) для показа в нормальный web-формат: mp4, webm или на край gif и не мучай процессор клиентов.

К vue вопрос отношения не имеет.

[setupx]

Aetae, какой лучше всего подойдет формат?

[Aetae]

setupx, если без прозрачности - пофиг.
Если с прозрачностью, то два варианта:
1. Просто сделать, но говно качество: в gif.
2. Качество какое настроишь но сложнее: в два файла - mov(HEVC) для яблока, webm(VP9) для всего остального. (статья с подробностями: https://rotato.app/blog/transparent-videos-for-the-web)

Скорее всего где-то есть готовые библиотеки для этого, но тут надо гуглить.