منصوبے کے بارے میں

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-بیسڈ ہیں کیونکہ وہ ورکر باؤنڈری کو عبور کرتے ہیں۔ ڈیفالٹ سافٹ ویئر بیک اینڈ وسیع پیمانے پر کام کرتا ہے، جبکہ WebGL2 اور WebGPU زیادہ ڈیمانڈ والے کیسز کے لیے اختیاری ہیں۔ ریپوزٹری چھ فرسٹ پارٹی SDK پیکیجز فراہم کرتی ہے: ونیلا جاوا اسکرپٹ کے لیے @lottiefiles/dotlottie-web، اور ساتھ ہی React، Vue 3، Svelte، Solid، اور ایک فریم ورک سے آزاد Web Component پیکیج۔ یہ تمام Lottie JSON اور dotLottie فائلز دونوں کو رینڈر کرتے ہیں۔ رن ٹائم کنٹرولز میں animationId اور loadAnimation کے ساتھ ملٹی اینیمیشن سوئچنگ، نام شدہ مارکرز، فریم سیگمنٹس، لے آؤٹ فٹ اور الائن، ڈائنامک ڈیٹا کے لیے سلاٹس، پلے بیک موڈز (جیسے forward، reverse، bounce، اور reverse-bounce)، فریم انٹرپولیشن، اور کینوس کے آف اسکرین ہونے پر فریز کرنا شامل ہے۔ پلیئر 25 سے زیادہ ٹائپڈ ایونٹس فراہم کرتا ہے، جن میں load، play، pause، frame، complete، loop، اور اسٹیٹ مشین ٹرانزیشنز شامل ہیں۔ پروجیکٹ میں ایک ہوسٹڈ ویور شامل ہے جس میں ہوم، پلے گراؤنڈ، پرفارمنس، لسٹ، اور ایمبیڈ صفحات؛ 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 لائسنس کے تحت ہے۔