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