वेब ऐनिमेशन के लिए नेटिव सपोर्ट, पहली बार Chrome 36 में उपलब्ध कराया गया था. इसे Chrome 39 में, वीडियो चलाने के कंट्रोल के साथ अपडेट किया गया था. Element.animate() तरीके का इस्तेमाल, सीधे JavaScript से ज़रूरी ऐनिमेशन को ट्रिगर करने के लिए किया जा सकता है. साथ ही, इन ऐनिमेशन के प्लेलबैक को कंट्रोल करने के लिए, इसके दिखाए गए ऑब्जेक्ट का इस्तेमाल किया जा सकता है. इन तरीकों के बारे में वेब ऐनिमेशन W3C स्पेसिफ़िकेशन के मौजूदा ड्राफ़्ट में बताया गया है.
फ़िलहाल, शिप किया गया पॉलीफ़िल डेवलप किया जा रहा है. यह वेब ऐनिमेशन की उन सभी सुविधाओं को ट्रैक करता है जिन्हें नेटिव तौर पर लागू किया गया है. यह सभी मॉडर्न ब्राउज़र पर काम करता है. ये मुख्य तरीके अभी इस्तेमाल के लिए तैयार हैं. साथ ही, ये आपके टूलबॉक्स का हिस्सा होने चाहिए, ताकि बेहतर अनुभव देने वाले ऐप्लिकेशन बनाए जा सकें. इनमें ऐनिमेशन का फ़ायदा मिलता है. जैसे, Google I/O 2015 वेब ऐप्लिकेशन.
कन्स्ट्रक्टर और ग्रुप में हुए बदलाव
वेब ऐनिमेशन स्पेसिफ़िकेशन में, ग्रुप और क्रम के साथ-साथ ऐनिमेशन और प्लेयर के लिए कन्स्ट्रक्टर के बारे में भी बताया गया है. ये सुविधाएं, web-animations-next पॉलीफ़िल में उपलब्ध हैं. इसे उन सुविधाओं को दिखाने के लिए डिज़ाइन किया गया है जिन पर अब भी चर्चा की जा रही है और जिन्हें नेटिव तौर पर लागू नहीं किया गया है. डेवलपर से मिले सुझावों के आधार पर, वेब ऐनिमेशन बनाने वाली टीम इन सुविधाओं के नाम बदल रही है, ताकि इनके बारे में आसानी से पता चल सके.
FXTF ने हाल ही में ऑस्ट्रेलिया के सिडनी में बैठक की और नाम तय करने के बारे में चर्चा की. ऐसा इसलिए किया गया, क्योंकि कई डेवलपर ने नाम तय करने के कुछ तरीकों के बारे में सही बातें कहीं थीं. इसलिए, नाम में ये बदलाव किए गए:
- Animation, KeyframeEffect हो जाता है
- AnimationSequence, SequenceEffect हो जाता है
- AnimationGroup, GroupEffect हो जाता है
- AnimationPlayer का नाम बदलकर Animation हो जाता है
याद रखें कि ऐनिमेशन और उनके प्लेयर, Chrome में नेटिव तौर पर और पॉलीफ़िल के हिस्से के तौर पर उपलब्ध हैं. हालांकि, फ़िलहाल इन्हें सीधे Element.animate() तरीके से बनाया जाता है. Element.animate() तरीके का इस्तेमाल करने वाले मौजूदा कोड में कोई बदलाव करने की ज़रूरत नहीं है.
नए नामों से, हर ऑब्जेक्ट के काम करने के तरीके के बारे में ज़्यादा सटीक जानकारी मिलती है. उदाहरण के लिए, KeyframeEffect, ऐसे कीफ़्रेम-आधारित इफ़ेक्ट के बारे में बताता है जो एचटीएमएल एलिमेंट को टारगेट कर सकते हैं. इसके उलट, नया Animation ऑब्जेक्ट, ऐनिमेशन को कई स्थितियों में दिखाता है. जैसे, चल रहा है, रोका गया है वगैरह.
SourceCodeEffect
अगर web-animations-next polyfill के ज़रिए ड्राफ़्ट स्पेसिफ़िकेशन के कुछ हिस्सों का इस्तेमाल किया जा रहा है, तो इन नए नामों को दिखाने के लिए, आपको बंद होने की अवधि के दौरान अपना कोड अपडेट करना होगा. पॉलीफ़िल में हुए बदलावों से जुड़ी नीति के मुताबिक, हम पुराने वर्शन को तीन महीने तक इस्तेमाल करने की सुविधा देते हैं. साथ ही, अगर आपकी साइट पर पुरानी सुविधाओं या नामों का इस्तेमाल किया जाता है, तो हम आपको Console में चेतावनी के स्टेटमेंट देते हैं.
अगर आपको इन सुविधाओं को आज़माना है, तो इन नए नामों का फ़ायदा पाने के लिए, पॉलीफ़िल के v2 रिलीज़ पर नज़र रखें. आखिर में, किसी भी अन्य बदलाव के बारे में जानने के लिए, वेब-ऐनिमेशन-बदलाव ग्रुप की सदस्यता ज़रूर लें.