প্রকল্প সম্পর্কে

dotLottie Web হলো ওয়েব অ্যাপ্লিকেশনে Lottie (.json) এবং dotLottie (.lottie) অ্যানিমেশন এমবেড করার জন্য অফিসিয়াল LottieFiles প্লেয়ার। এটি dotlottie-rs থেকে প্রাপ্ত একটি Rust + WASM কোর এবং ভেক্টর রেন্ডারার হিসেবে ThorVG ব্যবহার করে। এই প্লেয়ারটি Canvas2D সফটওয়্যার রেন্ডারিং, WebGL2 এবং পরীক্ষামূলক WebGPU ব্যাকএন্ড সমর্থন করে; একই DotLottie ক্লাস এবং API বজায় রেখে সাবপাথ ইমপোর্টসের মাধ্যমে ব্যাকএন্ড পরিবর্তন করা যায়। প্রজেক্টটি সার্ভার-সাইড রেন্ডারিং, থাম্বনেইল জেনারেশন বা ফ্রেম এক্সট্রাকশনের জন্য Node.js 18+ আইসোমর্ফিক সাপোর্ট প্রদান করে। প্লেয়ারটি dotLottie v2 ফিচারগুলো সমর্থন করে, যার মধ্যে রয়েছে কালার, স্কেলার, পজিশন, ভেক্টর, গ্রেডিয়েন্ট, ইমেজ এবং টেক্সট রুলস সহ রানটাইম থিমিং; টাইপড ইভেন্ট সহ ইন্টারঅ্যাক্টিভ স্টেট মেশিন; এবং অ্যানিমেশন টাইমলাইনের সাথে তাল মিলিয়ে চলা এমবেডেড অডিও। একটি DotLottieWorker অপশন OffscreenCanvas-এর মাধ্যমে ওয়েব ওয়ার্কারে রেন্ডার করে এবং এর মেথডগুলো প্রমিজ-ভিত্তিক (Promise-based), কারণ এগুলো ওয়ার্কার বাউন্ডারি অতিক্রম করে। ডিফল্ট সফটওয়্যার ব্যাকএন্ড ব্যাপকভাবে কাজ করে, তবে উচ্চ চাহিদার ক্ষেত্রে WebGL2 এবং WebGPU অপশনাল হিসেবে ব্যবহার করা যায়। রিপোজিটরিটি ছয়টি ফার্স্ট-পার্টি SDK প্যাকেজ প্রদান করে: ভ্যানিলা জাভাস্ক্রিপ্টের জন্য @lottiefiles/dotlottie-web, সাথে React, Vue 3, Svelte, Solid এবং একটি ফ্রেমওয়ার্ক-অ্যাগনস্টিক Web Component প্যাকেজ। সবগুলিই Lottie JSON এবং dotLottie ফাইল রেন্ডার করতে পারে। রানটাইম কন্ট্রোলগুলোর মধ্যে রয়েছে animationId এবং loadAnimation-এর মাধ্যমে মাল্টি-অ্যানিমেশন সুইচিং, নেমড মার্কার, ফ্রেম সেগমেন্ট, লেআউট ফিট এবং অ্যালাইন, ডাইনামিক ডেটার জন্য স্লট, প্লেব্যাক মোড (যেমন forward, reverse, bounce, এবং reverse-bounce), ফ্রেম ইন্টারপোলেশন এবং ক্যানভাস অফস্ক্রিন হলে ফ্রিজিং। প্লেয়ারটি লোড, প্লে, পজ, ফ্রেম, কমপ্লিট, লুপ এবং স্টেট-মেশিন ট্রানজিশন সহ ২৫টিরও বেশি টাইপড ইভেন্ট এক্সপোজ করে। প্রজেক্টটিতে একটি হোস্ট করা ভিউয়ার রয়েছে যাতে হোম, প্লেগ্রাউন্ড, পারফরম্যান্স, লিস্ট এবং এমবেড পেজ আছে; সাথে CodePen উদাহরণ এবং ওয়েব, Node.js, React, Vue, Solid, Web Component এবং Next.js SSR-সেফ রেন্ডারিংয়ের জন্য রানযোগ্য লোকাল উদাহরণ রয়েছে। প্রয়োজনীয় এনভায়রনমেন্ট ফিচারগুলোর মধ্যে রয়েছে WebAssembly, Canvas 2D এবং Fetch API; ঐচ্ছিক এনহ্যান্সমেন্টের মধ্যে রয়েছে Web Workers, OffscreenCanvas, WebGL2 এবং WebGPU। সমর্থিত ব্রাউজারের সর্বনিম্ন সংস্করণ হলো Chrome 57+, Firefox 52+, Safari 11+, Edge 16+, এবং iOS Safari 11+, এবং সার্ভার-সাইড ব্যবহারের জন্য Node.js 18+। কোডটি MIT লাইসেন্সের অধীনে।