Lottie-Player und -Inspektor
Öffne Lottie JSON, .lottie oder ZIP, um Bewegung und Materialien vor dem Einbau zu prüfen. Ordne die benötigten Bilder und Schriftarten zu und prüfe die Animation mit unterschiedlichen Abspielpositionen, Geschwindigkeiten und Hintergründen. Die Originaldateien werden nicht geändert und es werden keine neuen Dateien erstellt oder gespeichert.
Was Sie tun können
Datei öffnen und abspielen
Wählen Sie eine Animation in JSON, .lottie oder ZIP und prüfen Sie sie durch Abspielen, Pausieren oder Verschieben der Wiedergabeposition.
Benötigte Assets zuordnen
Fügen Sie Assets von Ihrem Gerät hinzu, wenn Bilder, Schriftarten oder andere Assets fehlen. Sie können auch wählen, welche Datei verwendet werden soll, wenn es mehrere Kandidaten gibt.
Mit verschiedenen Hintergründen oder Geschwindigkeiten prüfen
Wechseln Sie zwischen transparentem, weißem oder dunklem Hintergrund und ändern Sie Wiedergabegeschwindigkeit, Schleife oder Anzeigegröße. Originaldateien werden nicht geändert.
Verwendung
Animationen und Assets hinzufügen
Wählen Sie Lottie-JSON, .lottie oder ZIP. Wenn es auf externe Assets verweist, fügen Sie auch den entsprechenden Ordner oder die Asset-Dateien hinzu.
Zu prüfende Animation auswählen
Wenn es mehrere Animationen gibt, wählen Sie die zu prüfende aus. Wenn fehlende Assets oder doppelte Kandidaten gemeldet werden, geben Sie die entsprechenden Dateien an.
Bewegung und Erscheinungsbild prüfen
Verwenden Sie die Bedienelemente für Wiedergabe, Pause und Suchen. Ändern Sie bei Bedarf Hintergrund oder Geschwindigkeit unter „Wiedergabeeinstellungen“, um die Animation zu prüfen.
Nützlich für
Prüfen, ob die gelieferten Daten funktionieren
Öffnen Sie eine erhaltene Animation und prüfen Sie ihre Bewegung und ob alle erforderlichen Bilder vorhanden sind.
Erscheinungsbild vor der Integration prüfen
Probieren Sie helle und dunkle Hintergründe und verschiedene Wiedergabegeschwindigkeiten, um zu beurteilen, ob sie zum Bildschirm passt, auf dem Sie sie verwenden.
Die Beziehung zwischen Animationen und Assets
JSON und .lottie- sowie ZIP-Dateien
Lottie-JSON enthält Animations- und Formdaten. .lottie- und ZIP-Dateien können Animationen und Assets zusammen bündeln.
Auch referenzierte Assets sind für die Anzeige erforderlich
Wenn Bilder, Schriftarten oder andere Assets separate Dateien sind, prüfen Sie ihre Namen und Ordnerpositionen. Lösen Sie fehlende Assets und Duplikate vor der Wiedergabe auf.
Wiedergabeeinstellungen dienen der Prüfung
Änderungen an Geschwindigkeit, Schleife, Hintergrund und Anzeigegröße wirken sich nur auf die Vorschau aus. Diese Funktion bearbeitet und speichert die Original-Animationsdaten nicht.
Auch in der Umgebung prüfen, in der Sie sie verwenden
Themes, interaktive Zustände und playerspezifische Funktionen können sich von der grundlegenden Animationsanzeige unterscheiden. Dass eine Animation hier abgespielt werden kann, garantiert nicht dieselbe Darstellung in jeder App.
Häufig gestellte Fragen
Was, wenn Bilder nicht angezeigt werden?
Prüfen Sie unter „Referenzierte Assets“ auf fehlende oder nicht unterstützte Inhalte. Fügen Sie Bilder von Ihrem Gerät hinzu und wählen Sie die zu verwendende Datei, wenn es mehrere Kandidaten gibt. Wenn Sie Ordner mit erhaltener Struktur hinzufügen, lassen sich die Übereinstimmungen leichter prüfen.
Kann ich normales JSON oder nur Bilder abspielen?
Sie benötigen Animationsdaten im Lottie-Format. Wenn Sie allgemeines JSON oder nur Bilder hinzufügen, können Sie sie nicht als Animationen abspielen.
Kann ich eine Datei mit geänderter Wiedergabegeschwindigkeit speichern?
Dieses Tool dient der Prüfung. Es schreibt die Wiedergabegeschwindigkeit oder andere Einstellungen nicht in die Originaldaten zurück und speichert sie nicht als neue Datei.
Wie kann ich Bereiche außerhalb des Rahmens in Originalgröße sehen?
Wählen Sie in den Wiedergabeeinstellungen „Originalgröße“, um im Anzeigebereich zu scrollen und ihn zu prüfen. Wechseln Sie zurück zu „An den Rahmen anpassen“, um die gesamte Animation anzuzeigen.
Werden mehrere Animationen der Reihenfolge nach verbunden?
Nein. Wählen Sie eine zu prüfende Animation und spielen Sie sie einzeln ab. Beim Wechsel der Animation werden die Wiedergabeeinstellungen der gewählten Animation auf ihre Standardwerte zurückgesetzt.
Was, wenn Schriftarten oder besondere Funktionen nicht angezeigt werden können?
Prüfen Sie die entsprechenden Schriftdateien. Je nach Exportstruktur lässt sich der Inhalt möglicherweise auch dann nicht anzeigen, wenn Assets hinzugefügt werden. Prüfen Sie die Anzeige auch in der App, in der Sie ihn verwenden, einschließlich Themes und interaktiver Zustände.
Eingaben und Ergebnisse
- Eingabe
- Lottie-JSON, .lottie oder ZIP. Fügen Sie bei Bedarf Bilder, Schriftarten oder andere Assets hinzu.
- Prüfen
- Bewegung, Abmessungen, Bildrate, Dauer und referenzierte Assets.
- Wiedergabeeinstellungen
- Geschwindigkeit, Schleife, Hintergrund und Anzeigegröße. Die Originaldaten ändern sich nicht.
- Ausgabe
- Nur Vorschau. Es erfolgt keine Erstellung, Konvertierung oder kein Download.