Προβολέας Lottie
Δωρεάν online player Lottie. Ανοίξτε οποιαδήποτε κινούμενη Lottie JSON, αναπαραγωγή, ξύσιμο καρέ-καρέ, αλλαγή ταχύτητας, επανάληψη και προεπισκόπηση σε διαφανή σκακιέρα — μέσα στον browser.
Τι είναι ένα αρχείο Lottie;
Ένα αρχείο Lottie είναι εξαγωγή JSON μιας διανυσματικής κινούμενης εικόνας, συνήθως δημιουργημένη στο After Effects με το πρόσθετο Bodymovin ή σε εργαλεία όπως το LottieFiles. Εφαρμογές και ιστότοποι την αναπαράγουν με ελαφρύ renderer αντί για βίντεο: το αρχείο είναι ελάχιστο και η ποιότητα άψογη σε κάθε κλίμακα.
Πώς προεπισκοπώ μια κινούμενη Lottie εδώ;
Κάντε κλικ στην περιοχή μεταφόρτωσης ή σύρετε το .json αρχείο σας πάνω της. Η κινούμενη φορτώνει αμέσως και ξεκινά. Το κουμπί παραδείγματος επιτρέπει τη δοκιμή του player με ενσωματωμένο δείγμα.
Μεταφορτώνεται η κινούμενη μου σε διακομιστή;
Όχι. Το αρχείο διαβάζεται και απεικονίζεται εξ ολοκλήρου μέσα στην καρτέλα του browser. Τίποτα δεν αποστέλλεται, ώστε είναι ασφαλές ακόμη και για ανέκδοτη δουλειά πελατών και εμπιστευτικό υλικό.
Ποια χειριστήρια αναπαραγωγής υπάρχουν;
Αναπαραγωγή και παύση, κουμπί επανεκκίνησης, διακόπτης επανάληψης, σύρετο μπάρο καρέ και επιλογή ταχύτητας από 0,25x έως 2x. Η ένδειξη δείχνει τρέχον καρέ, σύνολο και ρυθμό καρέ της κινούμενης.
Γιατί υπάρχει σκακιέρα στο φόντο;
Η σκακιέρα απεικονίζει διαφάνεια, όπως στα εργαλεία σχεδίασης. Με αυτή ελέγχετε ότι η κινούμενη δεν έχει ανεπιθύμητο φόντο· με λευκό ή μαύρο βλέπετε ακμές, λάμψη και σκιές σε ανοιχτές ή σκούρες επιφάνειες.
Ποιες εκδόσεις Lottie υποστηρίζονται;
Ο player χρησιμοποιεί τον renderer lottie-web, συμβατό με JSON Bodymovin από την έκδοση 4: shape layers, μάσκες, mattes, trim paths και οι περισσότερες εκφράσεις ενσωματωμένες κατά την εξαγωγή.
Λειτουργεί σε κινητό;
Ναι. Η διάταξη είναι responsive και η απεικόνιση γίνεται με την ίδια μηχανή SVG, οπότε τρέχει σε browsers iOS και Android. Τα χειριστήρια έχουν μέγεθος για αφή.
Ποια η διαφορά .json και .lottie;
Η μορφή .lottie (dotLottie) είναι συμπιεσμένο zip που μπορεί να περιέχει το JSON μαζί με πόρους. Αυτός ο προβολέας ανοίγει απευθείας το τυπικό εξαγόμενο Lottie .json· για dotLottie αρχεία, αποσπάστε πρώτα το εσωτερικό .json.
Γιατί η κινούμενη μου παίζει αργά ή φαίνεται λάθος;
Κινούμενες με πολλά layers, εικόνες ή εκφράσεις είναι βαριές στην απεικόνιση. Ελέγξτε ότι οι εικόνες δεν εξήχθησαν χωριστά, απλοποιήστε τη σύνθεση ή χαμηλώστε την ταχύτητα — η ένδειξη FPS δείχνει τον προγραμματισμένο ρυθμό της κινούμενης.
Πώς να χρησιμοποιήσετε το Προβολέας Lottie
Αυτός ο προβολέας Lottie αναπαράγει κινούμενα Bodymovin JSON εξ ολοκλήρου στον browser σας με τον renderer lottie-web. Φορτώστε ένα αρχείο ή σύρετέ το μέσα, ελέγξτε την αναπαραγωγή καρέ-καρέ και δείτε προεπισκόπηση σε διαφανές, λευκό ή μαύρο φόντο — τίποτα δεν αποστέλλεται πουθενά.
- Κάντε κλικ στην περιοχή μεταφόρτωσης ή σύρετε πάνω της ένα αρχείο .json Lottie· η κινούμενη εικόνα φορτώνεται και αρχίζει να παίζει αμέσως.
- Χρησιμοποιήστε το μεγάλο κουμπί αναπαραγωγής/παύσης και το κουμπί επανεκκίνησης για να ελέγχετε την αναπαραγωγή.
- Σύρετε τον ολισθητή καρέ για να μεταβείτε σε οποιοδήποτε καρέ· η ένδειξη δείχνει τρέχον καρέ, συνολικά καρέ και FPS.
- Επιλέξτε ταχύτητα μεταξύ 0,25x και 2x και ενεργοποιήστε το κουμπί επανάληψης για συνεχή επαναφορά.
- Εναλλάξτε το φόντο μεταξύ διαφανούς σκακιέρας, λευκού και μαύρου για να ελέγξετε ακμές, λάμψεις και σκιές.
Πατήστε πρώτα το κουμπί του παραδείγματος για να δείτε πώς συμπεριφέρεται ο player πριν φορτώσετε τη δική σας κινούμενη — χρήσιμο όταν ένας πελάτης σας στέλνει JSON και χρειάζεστε γρήγορο έλεγχο.
Σχετικά εργαλεία
- Προβολέας και Επεξεργαστής SVG Προεπισκόπηση, επεξεργασία και βελτιστοποίηση αρχείων SVG online. Ζωντανή προεπισκόπηση, επεξεργασία κώδικα και εργαλεία βελτιστοποίησης.
- Προβολέας δέντρου JSON Οπτικοποιήστε δεδομένα JSON ως διαδραστικό συμπτυσσόμενο δέντρο. Αναζητήστε κλειδιά και τιμές, παρακολουθήστε το JSONPath κατά την αιώρηση και χειριστείτε μεγάλα αρχεία με τεμπέλικη φόρτωση. Υποστηρίζει σύρσιμο και απόθεση αρχείων .json.
- Γεννήτρια Sprite Sheet Συνδυάστε εικόνες σε sprite sheet με σύρσιμο για αναδιάταξη, διάταξη πλέγματος, αναπλήρωση, λειτουργίες κλιμάκωσης. Εξάγετε PNG/WebP/JPG με δεδομένα JSON atlas για μηχανές παιχνιδιών και CSS.
- Εικόνα σε Base64 Μετατρέψτε εικόνες σε συμβολοσειρές Base64 και αποκωδικοποιήστε Base64 πίσω σε εικόνες. Υποστηρίζει PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% στο πρόγραμμα περιήγησης, χωρίς ανέβασμα.
- GIF Διαχωρισμός Καρέ Εξάγετε και κατεβάστε μεμονωμένα καρέ από κινούμενα GIF ως PNG ή sprite sheet. Δωρεάν διαδικτυακό εργαλείο με προεπισκόπηση και εξαγωγή ZIP.
- GIF Ανάστροφο Αντιστρέψτε τη σειρά αναπαραγωγής κινούμενων GIF δωρεάν online. Ανεβάστε, προεπισκοπήστε και κατεβάστε αμέσως.
- Αλλάκτης Ταχύτητας GIF Αλλάξτε την ταχύτητα κίνησης GIF online. Επιταχύνετε ή επιβραδύνετε αρχεία GIF άμεσα.
- Βίντεο σε GIF Μετατρέψτε βίντεο σε κινούμενο GIF online. Ρυθμίστε ποιότητα, ρυθμό καρέ και ανάλυση απευθείας στον browser χωρίς ανέβασμα.