Web Animations API एक नए वेब स्टैंडर्ड का हिस्सा है. फ़िलहाल, Mozilla और Google के ब्राउज़र इंजीनियर इस पर काम कर रहे हैं.
Chrome 36 ने वेब ऐनिमेशन एपीआई से element.animate() तरीके को लागू किया है. इससे डेवलपर को JavaScript का इस्तेमाल करके, परफ़ॉर्म करने वाले कंपोज़िटर थ्रेड वाले ऐनिमेशन बनाने में मदद मिलती है.
हम यह देखने के लिए उत्साहित हैं कि Mozilla ने element.animate() को Firefox 48 में लागू करने के तरीके शिप कर दिया है. इससे, इस उभरते हुए JS API का इस्तेमाल करके, सही क्रॉस-ब्राउज़र एक्सेलरेटेड ऐनिमेशन को चालू किया जा सकता है. Google और Mozilla ने यह पक्का करने के लिए साथ मिलकर कड़ी मेहनत की है कि लागू करने की हमारी सुविधाएं, एक-दूसरे के साथ काम कर सकें. यह वाकई में दूसरों के साथ मिलकर की गई कोशिश है!
वेब ऐनिमेशन एपीआई का इस्तेमाल करने पर, तेज़ फ़्रेम रेट मिलता है. साथ ही, इसमें बिजली की खपत कम होती है. इससे सभी डिवाइसों, खास तौर पर मोबाइल पर बेहतर उपयोगकर्ता अनुभव मिलता है.
वेब ऐनिमेशन एपीआई का इस्तेमाल, सभी ब्राउज़र में polyfill की मदद से किया जा सकता है. यह एपीआई, पूरी स्पीड वाले नेटिव इंप्लिमेंटेशन का इस्तेमाल करता है. अगर ऐसा नहीं होता है, तो ग्रेसफ़ुल तरीके से JavaScript को लागू किया जा सकता है. WebKit कम्यूनिटी हमें इस बात के लिए बढ़ावा देती है कि वे इसे इस्तेमाल करने पर विचार करें और Edge टीम ने इसे अपने बैकलॉग में शामिल किया. हम उम्मीद करते हैं कि वेब ऐनिमेशन जल्द ही सभी प्रमुख ब्राउज़र में समर्थित होगा.
Chrome, Firefox या Opera में पूरी एक्सेलरेटेड वेब ऐनिमेशन का अनुभव पाने के लिए, इन डेमो पेजों पर जाएं और इन्हें खुद आज़माएं.