Zum Hauptinhalt springen

Lottie-Modul

Einleitung​

Laden Sie eine Lottie-Animation hoch, die im Chat-Fenster gerendert werden soll.

Typische Anwendungsfälle​

Lottie ist ein Dateiformat für vektorielle Animationen und eine leichtere Alternative zu animierten GIFs. Sie können eigene Lottie-Animationen mit Adobe After Effects gestalten oder eine große Anzahl von Lottie-Animationen unter lottiefiles.com finden.

lottie_animation

Verwendung des Moduls​

Um eine Lottie-Animation in LoyJoy zu verwenden, laden Sie eine Lottie-JSON-Animationsdatei im Lottie-Prozessmodul hoch. Die Animation wird im Chat-Hintergrund gerendert, wenn das Lottie-Prozessmodul durchlaufen wird.

warnung

Damit dieses Modul funktioniert, muss Ihre Content Security Policy (CSP) das Laden von Daten von LoyJoy-Domains erlauben. Hier ein Beispiel für einen CSP-Header:

Content-Security-Policy: frame-src 'self' *.loyjoy.com;

Weitere Details zur Content Security Policy finden Sie auf dieser Seite.

Weitere Konfigurationsoptionen​

  • Ausrichtung: Richten Sie die Lottie-Animation oben, mittig, unten, rechts oder links im Chat-Hintergrund aus.

    • X-Achse (horizontal):

      • xMin: Richtet die Animation links aus.
      • xMid: Zentriert die Animation horizontal.
      • xMax: Richtet die Animation rechts aus.

    • Y-Achse (vertikal):

      • yMin: Richtet die Animation oben aus.
      • yMid: Zentriert die Animation vertikal.
      • yMax: Richtet die Animation unten aus.

  • Größenanpassung: Mit Meet ist die Lottie-Animation vollständig sichtbar, eventuell mit Rändern um die Animation. Mit Slice wird die Lottie-Animation im Cover-Modus angezeigt, füllt den gesamten Chat-Hintergrund, wird aber passend zum Chat-Hintergrund beschnitten.

  • Lottie-Animation loopen: Normalerweise stoppt eine Lottie-Animation am Ende ihrer Timeline. Diese Option startet die Lottie-Animation von vorn, standardmäßig mit unendlichen Loops.

  • Anzahl der Loops: Begrenzen Sie die Anzahl der Loops von unendlich auf eine bestimmte Zahl (erfordert die Aktivierung von "Lottie-Animation loopen").

  • Letztes Bild einfrieren: Nach dem letzten Loop verschwindet die Lottie-Animation standardmäßig. Mit dieser Option bleibt die Lottie-Animation im Chat-Hintergrund (erfordert, dass "Lottie-Animation loopen" deaktiviert ist).

  • Anzeigemodi:

    • Hintergrund: Die Animation erscheint hinter den Chat-Nachrichten und kann teilweise abgedeckt werden.
    • Chatflow: Die Animation nimmt wie eine Nachricht Platz, wobei die Größe von der gewählten Ausrichtung abhängt.