AM LottiePlayer

Beskrivelse

Den mest komplette, gratis Lottie-spilleren til nå.

AM LottiePlayer er enkel å bruke, tar lite plass og gir deg full kontroll over hvordan du implementerer vektoriserte animasjoner på nettstedet ditt. Konfigurer brukerinteraksjoner, velg mellom JSON eller det optimaliserte dotLottie-formatet, velg om du vil serve filene fra en CDN eller ditt eget Mediebibliotek, velg hvordan du skalerer animasjonen, legg til en nyttig beskrivelse for skjermen lesere og søkemotorer, og du er i gang!

Upload Lottie animations to WordPress and add them to Gutenberg, Divi, Elementor, Bricks, Flatsome UX Builder, or via the shortcode [am-lottieplayer]. This plugin also offer partial support for WPBakery (formerly Visual Studio).

Egenskaper

  • Inneholder to Gutenbergblokker: en spiller og ei omslagsblokk med tekstoverlett – ypperlig for headere.
  • Inneholder en Divi modul
  • Inneholder en Elementor Widget
  • Contains a Bricks Element
  • Inneholder kortkoden [am-lottieplayer]
  • Har integrasjon for Flatsome UX
  • Har delvis støtte for WPBakery (tidligere Visual Studio)
  • Skript blir bare lastet inn på sider hvor spilleren er i bruk
  • Last opp Lottie JSON- eller dotLottiefiler til ditt Mediebibliotek
  • Dra & slipp ei Lottie JSON- eller dotLottiefil
  • Sett inn en Lottie JSON eller en dotLottie fra URL
  • Velg skalering, avspillingshastighet, størrelse, bakgrunnsfarge, interaksjoner og mer fra blokkinnstillinger i Gutenberg. De samme innstillingene er tilgjengelige i Divis modulmeny, Elementors widgetmeny, menyen i Flatsome UX Builder og i WPBakery.

Lenker

PRO

AM LottiePlayer er også tilgjengelig i en profesjonell versjon, som inkluderer mer funksjonalitet og fleksibilitet. AM LottiePlayer PRO-funksjonene er:

  • Kombiner animasjoner ved dra-og-slipp
  • Kontroller interaksjoner og oppførsel for hver animasjon i multianimasjonsfiler
  • Konverter JSON-lottier til dotLottie i et brukervennlig grensesnitt
  • Velg renderer: SVG, Canvas eller HTML
  • Mer av funksjonaliteten fra animasjoner laget med After Effects

Oppgrader til AM LottiePlayer PRO

Tilbakemeldinger

Vi vil gjerne høre fra deg!

Takk for at du bruker utvidelsen vår! Gjerne bruke et øyeblikk på å vurdere den.

Oversettelser

Du kan bidra med dine oversettelser her.

Første gang du oversetter WordPress? Les Translator Handbook for å komme i gang.

Skjermbilder

  • AM LottiePlayer fungerer i Gutenberg…
  • …så vel som Divi-byggeren…
  • …Elementor…
  • …Flatsome…
  • …and Bricks!

Blokker

Denne utvidelsen gir 2 blokker.

  • AM LottieCover Add a Lottie animation with a text overlay — great for headers.
  • AM LottiePlayer Play Lottie animations on your WordPress website.

Installasjon

Automatisk installasjon

Automatisk installasjon er det enkleste alternativet. WordPress håndterer filoverføringa – og du behøver ikke forlate nettleseren.

  1. Logg inn på WordPress’ kontrollpanel
  2. Naviger til Utvidelser-menyen
  3. Søk etter AM LottiePlayer
  4. Klikk på Installer nå – så tar WordPress det derfra
  5. Aktivér utvidelsen via Utvidelser-menyen i WordPress

Manuell installasjon

  1. Last opp hele ‘am-lottieplayer’ til plugin-mappa di
  2. Aktivér utvidelsen via Utvidelser-menyen i WordPress

Etter aktivering

  1. Gå til WordPress’ blokkredigeringsverktøy / Elementor / Divibygger / Flatsome UX
  2. Legg til en ny blokk / widget / modul
  3. Søk etter Lottie
  4. Klikk på Lottie for å legge til blokk

Dersom du ønsker å bruke kortkoden [am-lottieplayer], har den følgende parameter:

  • src: string (required)
  • autoplay: true | false, default: false
  • controls: true | false, default: false
  • loop: true | false, default: false
  • objectfit: cover | contain | none, default: contain
  • speed: number (1 – 5), default: 1
  • direction: 1 | -1, default: 1
  • onclick: true | false, default: false
  • onmouseover: true | false, default: false
  • onmouseout: void | stop | pause | reverse, default: void

FAQ

Hva er strukturen til kortkoden?

Kortkoden [am-lottieplayer] har følgende parameter:

  • src: string (required)
  • autoplay: true | false, default: false
  • controls: true | false, default: false
  • loop: true | false, default: false
  • objectfit: cover | contain | none, default: contain
  • speed: number (1 – 5), default: 1
  • pause: nummer i millisekunder
  • direction: 1 | -1, default: 1
  • onclick: true | false, default: false
  • onmouseover: true | false, default: false
  • onmouseout: void | stop | pause | reverse, default: void

Her er et eksempel: [am-lottieplayer src="https://storage.googleapis.com/aarsteinmedia/am.lottie" controls="true"]

Vurderinger

15. mai, 2024
I submitted a bug and it got fixed in less than 2 days. Overall good plugin.
11. november, 2023
As I am using animated JSON files from a third party (not Lottie) I was searching a long time for a solution how to use them.This plugin gave the solution to me.Works fantastic with DIVI and the support is great.!
6. februar, 2023
Great plugin and good support. Will be using this on several sites. Keep up the development! 🙂
Les alle 5 vurderinger

Bidragsytere og utviklere

“AM LottiePlayer” er programvare med åpen kildekode. Følgende personer har bidratt til denne utvidelsen.

Bidragsytere

“AM LottiePlayer” har blitt oversatt til 4 språk. Takk til oversetterne for deres bidrag.

Oversett “AM LottiePlayer” til ditt språk.

Interessert i utvikling?

Bla gjennom koden, sjekk ut SVN-repositoriet, eller abonner på utviklingsloggen med RSS.

Endringslogg

3.4.3 – January 17 2024

  • Fixed bug preventing playback on hover in some builders

3.4.2 – October 28 2024

  • Fixed bug with Elementor playback direction

3.4.1 – October 27 2024

  • Fixed bug with front end script in Gutenberg

3.4.0 – October 13 2024

  • Added support for Bricks Builder
  • Tested with WordPress 6.7
  • Added nonce to thumbnail uploader

3.3.10 – October 8 2024

  • Fixed font-end script not parsing interactions correctly

3.3.9 – October 8 2024

  • Fixed bug in Elementor preventing front-end render

3.3.8 – October 8 2024

  • Fixed bug in Divi visual builder causing autoplay not to work

3.3.7 – October 7 2024

  • Minor bugfix

3.3.6 – October 7 2024

  • Added blueprint.JSON
  • Minor changes

3.3.5 – October 4 2024

  • Fixed critical bug

3.3.4 – October 4 2024

  • Added thumbnail previews for Meda Library

3.3.1 – October 2 2024

  • Fixed bug with Flatsome template

3.3.0 – October 28 2024

  • Refactored codebase
  • Implemention of namespace to avoid conflict
  • Migrated away from rich data to text attributes

3.2.5 – October 20 2024

  • Extended browser support

3.2.4 – September 30 2024

  • Added intermission controls
  • Added «Replace»-functionality to Gutenberg editor

3.2.3 – September 11 2024

  • Updated frontend script

3.2.2 – September 2 2024

  • Minor bugfixes

3.2.1 – August 28 2024

  • New feature: Added option to use external urls with Gutenberg

3.2.0 – August 6 2024

  • Updated and lighter animation engine
  • Tested with WordPress 6.6

3.1.8 – June 21 2024

  • Bugfix to admin.css, where broad selectors created unwanted behavior

3.1.7 – June 13 2024

  • Bugfix to backend script, fixing unwanted behaviour on blur event

3.1.6 – June 6 2024

  • Bugfix to frontend script

3.1.5 – June 4 2024

  • Bugfix to animation engine

3.1.4 – May 15 2024

  • Minor bugfixes

3.1.3 – May 8 2024

  • Minor bugfixes

3.1.2 – May 8 2024

  • Minor bugfixes

3.1.1 – March 31 2024

  • Minor updates to animation engine

3.1.0 – March 20 2024

  • Functional update to animation engine

3.0.7 – March 6 2024

  • Minor updates to animation engine

3.0.6 – Feb 12 2024

  • Minor updates to animation engine

3.0.5 – Jan 15 2024

  • Performance: More accurate use of Intersection Observer, to freeze/pause all animations out of view

3.0.4 – Dec 31 2023

  • Updated, optimized animation engine

3.0.3 – Dec 29 2023

  • Bugfix: Rollback of animation engine due to faulty script

3.0.2 – Dec 29 2023

  • Bugfix: Fixed bug that caused animation lag in some browsers

3.0.1 – Dec 20 2023

  • Added defer to loading of component scripts

3.0.0 – Dec 8 2023

  • Because we’ve launched a PRO version of this plugin some features, like boomerang, animation segments, external selector and the option to choose renderer has been removed from the free tier. Certain methods from animations made with After Effects (like loopOut) has also been omitted. The upside is that this plugin is now even more lightweight and less RAM intensive than before. To anyone who still might experiences this as a downgrade: you’re free to continue to use any version of this plugin below 3.0.0. However, if you’d like to support the development of this plugin, the premium version starts at $2.75 a month ($33 a year), and contains several requested features like the ability to combine and control multiple animations in a single file, or convert and optimize JSON to dotLottie. Read more about AM LottiePlayer PRO here!

2.5.17 – Nov 23 2023

  • Bugfix: Fixed compability issue with PHP 7.4

2.5.16 – Nov 15 2023

  • Bugfix: Fixed loading issue for third party builders

2.5.15 – Nov 11 2023

  • Compability with WordPress 6.4

2.5.14 – Sep 22 2023

  • Bugfix: Fixed playback error on Divi Shortcode

2.5.13

  • Bugfix: Fixed total frames display

2.5.12

  • Optimization: Terser script, as well as new functionality available within JS.

2.5.11

  • Bugfix: Fixed seeker on player

2.5.10

  • Bugfix: Fixed uninitialized PHP variable

2.5.9

  • Bugfix: Fixed seeker

2.5.8

  • New Feature: Better error handling
  • Bugfix: Fixed link for Divi builder

2.5.7

  • Minor bugfixes

2.5.6

  • New Feature: Added support for Divi Theme Builder

2.5.4

  • New Feature: Added option to play animation only once on scroll

2.5.3

  • Bugfix: Play on scoll functionality wasn’t working properly in certain browsers.

2.5.2

  • Minor bugfix.

2.5.1

  • Bugfix: Added polyfill for Buffer, allowing bitmap assets for dotLottie animations.

2.5.0

  • New Feature: Added play on scroll functionality

2.4.1

  • New Feature: Expanded possibility to play segments to Divi Builder

2.4

  • New Feature: Added possibility to play segments, in Gutenberg editor
  • Compability: Checked compability with new release of WordPress

2.3.3

  • Bugfix: Fixed issue with shortcode and namings

2.3.2

  • New Feature: Added support for selectors to Elementor, Flatsome, WPBakery and Divi

2.3.1

  • Bugfix: Fixed issue with Boomerang

2.3.0

  • New Feature: Added selector option for interactions
  • Bugfix: Fixed issue in Gutenberg where the player lost connection on block move

2.2.2

  • Bugfix: Issue prevented Gutenberg backend from working properly

2.2.1

  • Optimization: Preparatioins for future functionality expansion

2.2.0

  • New Feature: Adding preview of animations in Media Library

2.1.5

  • Optimization: Minor patches

2.1.4

  • New Feature: Added partial support for WPBakery

2.1.3

  • Bugfix: Minor errors in shortcode
  • Optimization: More options for screen readers

2.1.2

  • Optimization: Bugfix in frontend script

2.1.1

  • Optimization: Minor patches

2.1.0

  • New Feature: Added support for Flatsome UX Builder

2.0.4

  • Bugfix: An error caused shortcode not to load necessary scripts.

2.0.3

  • Optimization: WCAG compliance

2.0.2

  • Optimization: Less weight – same functionality!

2.0.0

  • New Feature: Added support for Elementor.
  • Optimization: Made scripts load dynamically only when used
  • Bugfix: Minor bugfixes

1.0.3

  • Optimization: Updates to animation engine. Faster and even more lightweight!

1.0.2

  • Bugfix: typo in dotLottie decompression, causing base64 encryption of bitmap images to break.