Lottiefiles Field
This module allows you to easily add Lottie animations to your Drupal content. You can either link to existing Lottie JSON files or upload your own, and then configure various playback options like autoplay, speed, and controls. It also supports integration with Drupal's Media Entity system.
*** Now Supporting Media Entity 😇 ***
This module will help you to add Lottiefiles animation on your content.
Lottie is a file format for vectorial animation and Lottiefiles is an open-source and super lightweight format that is vector-based interactive, and cross-platform. LottieFiles provides all the tools that you need to create, edit, test and display Lottie animations.
Here is the drupal field for Lottiefiles...!!! You can create the animation and paste the json file URL to the Drupal lottiefiles fields in your content.
Installation
------------
https://www.drupal.org/docs/extending-drupal/installing-modules
Usage
-----
* Create lottiefile field type field under your content type.
* Create the content and add json file url on lottiefile field.
* Add your lottiefiles properties as per you wish.
* You can upload your own lottiefile JSON to the field, it will automatically generate the URL.
Options
-------
As per the https://lottiefiles.com/web-player
* Autoplay - Automatic play the animation.
* Background - Hex value or transparent (Colour picker added)
* Controls - Display Animation Controls: Play, Pause & Slider
* Hover - Whether to play on mouse hover.
* Player Mode - Normal or Bounce.
* Speed - Animation speed in number 1 to 5.
* Width - Width in pixel
Lottiefiles Field Integration Drupal Demo - YouTube Link
Lottiefiles Field with Media Entity Configuration - YouTube Link