Lottie व्यूअर
मुफ़्त ऑनलाइन Lottie प्लेयर। कोई भी Lottie JSON एनिमेशन खोलें, चलाएँ और फ़्रेम-दर-फ़्रेम स्क्रब करें, स्पीड बदलें, लूप टॉगल करें और पारदर्शी चेकरबोर्ड पर प्रीव्यू देखें — पूरी तरह ब्राउज़र में।
Lottie फ़ाइल क्या है?
Lottie एक वेक्टर एनिमेशन का JSON एक्सपोर्ट है, जो आमतौर पर After Effects के Bodymovin प्लगइन या LottieFiles जैसे टूल से बनता है। ऐप्स और वेबसाइटें इसे वीडियो की जगह हल्के रेंडरर से चलाती हैं — फ़ाइल बहुत छोटी रहती है और किसी भी साइज़ पर क्वालिटी बनी रहती है।
यहाँ Lottie एनिमेशन प्रीव्यू कैसे करें?
अपलोड एरिया पर क्लिक करें या अपनी .json फ़ाइल उस पर खींच छोड़ें। एनिमेशन तुरंत लोड होकर चलने लगता है। बिल्ट-इन सैंपल से प्लेयर आज़माने के लिए उदाहरण बटन भी है।
क्या मेरा एनिमेशन सर्वर पर अपलोड होता है?
नहीं। फ़ाइल पूरी तरह ब्राउज़र टैब के अंदर पढ़ी और रेंडर की जाती है। कुछ भी कहीं भेजा नहीं जाता, इसलिए अनपब्लिश्ड क्लाइंट वर्क और गोपनीय एसेट्स के लिए भी सुरक्षित है।
कौन-कौन से प्लेबैक कंट्रोल हैं?
चलाएँ और रोकें, रीस्टार्ट बटन, लूप ऑन/ऑफ, खींचने योग्य फ़्रेम स्लाइडर और 0.25x से 2x स्पीड सिलेक्टर। रीडिंग में मौजूदा फ़्रेम, कुल फ़्रेम और एनिमेशन का FPS दिखता है।
चेकरबोर्ड बैकग्राउंड क्यों है?
चेकरबोर्ड डिज़ाइन टूल्स की तरह पारदर्शिता दिखाता है। इससे जाँचें कि एनिमेशन में कोई अनचाहा बैकग्राउंड तो नहीं; सफ़ेद या काले पर बदलकर हल्के-गहरे सरफ़ेस पर किनारे, ग्लो और शैडो देखें।
कौन से Lottie वर्ज़न सपोर्टेड हैं?
प्लेयर lottie-web रेंडरर उपयोग करता है, जो Bodymovin JSON वर्ज़न 4 से आगे चलाता है — शेप लेयर, मास्क, मैट, ट्रिम पाथ और एक्सपोर्ट के समय बेक की गई ज़्यादातर एक्सप्रेशन।
क्या यह मोबाइल पर चलता है?
हाँ। लेआउट रिस्पॉन्सिव है और रेंडरिंग उसी SVG रेंडरर से होती है, इसलिए iOS और Android ब्राउज़र में चलता है। कंट्रोल टच साइज़ के अनुसार हैं।
.json और .lottie में क्या अंतर है?
.lottie (dotLottie) एक कंप्रेस्ड ज़िप है जिसमें JSON के साथ एसेट्स भी हो सकते हैं। यह व्यूअर सीधे स्टैंडर्ड Lottie .json खोलता है; dotLottie फ़ाइल में से पहले .json निकाल लें।
मेरा एनिमेशन धीरे क्यों चलता है या गलत दिखता है?
बहुत सारे लेयर, इमेज या एक्सप्रेशन वाले एनिमेशन रेंडर करने में भारी होते हैं। जाँचें कि इमेज अलग एक्सपोर्ट तो नहीं हुईं, कंपोज़िशन सरल करें या स्पीड घटाएँ — FPS रीडिंग एनिमेशन की इच्छित दर दिखाती है।
Lottie व्यूअर का उपयोग कैसे करें
यह Lottie व्यूअर lottie-web रेंडरर से Bodymovin JSON एनिमेशन पूरी तरह आपके ब्राउज़र में चलाता है। फ़ाइल लोड करें या ड्रैग कर छोड़ें, प्लेबैक को फ़्रेम-दर-फ़्रेम कंट्रोल करें, और पारदर्शी, सफ़ेद या काले बैकग्राउंड पर प्रीव्यू देखें — कुछ भी कहीं अपलोड नहीं होता।
- अपलोड एरिया पर क्लिक करें या उस पर Lottie .json फ़ाइल ड्रैग करें; एनिमेशन तुरंत लोड होकर चलने लगता है।
- प्लेबैक कंट्रोल करने के लिए बड़े प्ले/पॉज़ बटन और रीस्टार्ट बटन का इस्तेमाल करें।
- किसी भी फ़्रेम पर जाने के लिए फ़्रेम स्लाइडर ड्रैग करें; रीडआउट में मौजूदा फ़्रेम, कुल फ़्रेम और FPS दिखते हैं।
- 0.25x से 2x के बीच स्पीड चुनें, और लगातार दोहराने के लिए लूप बटन टॉगल करें।
- किनारे, ग्लो और शैडो जाँचने के लिए बैकग्राउंड को पारदर्शी चेकरबोर्ड, सफ़ेद और काले के बीच बदलें।
अपना एनिमेशन लोड करने से पहले उदाहरण बटन दबाकर देखें कि प्लेयर कैसे चलता है — जब कोई क्लाइंट JSON भेजे और झटपट जाँच करनी हो तो यह बहुत काम आता है।
संबंधित टूल
- SVG दर्शक और संपादक SVG फ़ाइलों को ऑनलाइन पूर्वावलोकन, संपादित और अनुकूलित करें। रियल-टाइम पूर्वावलोकन, कोड संपादन और अनुकूलन उपकरण।
- JSON ट्री व्यूअर JSON डेटा को इंटरैक्टिव संक्षिप्त करने योग्य ट्री के रूप में विज़ुअलाइज़ करें। कुंजी और मान खोजें, होवर पर JSONPath ट्रैक करें, और आलसी लोडिंग के साथ बड़ी फ़ाइलों को संभालें। .json फ़ाइलों के ड्रैग और ड्रॉप का समर्थन करता है।
- स्प्राइट शीट जनरेटर छवियों को स्प्राइट शीट में संयोजित करें, ड्रैग से पुनर्व्यवस्थित करें, ग्रिड लेआउट, पैडिंग, स्केल मोड। JSON एटलस डेटा के साथ PNG/WebP/JPG निर्यात करें।
- छवि से Base64 छवियों को Base64 स्ट्रिंग में बदलें और Base64 को वापस छवियों में डीकोड करें। PNG, JPG, GIF, WebP, SVG, BMP, ICO समर्थित। 100% ब्राउज़र-आधारित, कोई अपलोड नहीं।
- GIF फ्रेम विभाजक GIF एनिमेशन से व्यक्तिगत फ्रेम PNG या स्प्राइट शीट के रूप में निकालें और डाउनलोड करें। पूर्वावलोकन और ZIP निर्यात के साथ मुफ्त ऑनलाइन टूल।
- GIF रिवर्स GIF एनिमेशन प्लेबैक क्रम मुफ्त में उल्टा करें। तुरंत अपलोड, पूर्वावलोकन और डाउनलोड करें।
- GIF स्पीड चेंजर GIF एनिमेशन स्पीड ऑनलाइन बदलें। GIF फ़ाइलों को तुरंत तेज़ या धीमा करें।
- वीडियो से GIF वीडियो को एनिमेटेड GIF में ऑनलाइन बदलें। बिना अपलोड किए सीधे अपने ब्राउज़र में गुणवत्ता, फ्रेम रेट और रिज़ॉल्यूशन समायोजित करें।