تم شحن التوافق الأصلي لـ Web Animations لأول مرة في Chrome 36، وتم تحديثه باستخدام عنصر التحكم في التشغيل في Chrome 39. يمكن استخدام الطريقة Element.animate() لتشغيل الصور المتحركة الضرورية مباشرةً من JavaScript، ويمكن الاستفادة من العنصر المعروض للتحكّم في تشغيل هذه الصور المتحركة. تم عرض هذه الطرق بالتفصيل في المسودة الحالية لمواصفات Web Animations W3C.
هناك رمز polyfill تم شحنه قيد التطوير النشط يتتبع جميع ميزات Web Animations التي تم تنفيذها في الأصل، وهو متوافق في جميع المتصفحات الحديثة. إنّ هذه الأساليب الأساسية جاهزة للاستخدام في الوقت الحالي، وهي تستحق أن تكون جزءًا من مجموعة أدواتك لإنشاء تجارب غنية تستفيد من الصور المتحركة (على سبيل المثال، في تطبيق الويب Google I/O 2015.
تغييرات المُنشئ والمجموعات
تصف مواصفات Web Animations أيضًا المجموعات والتسلسلات، ودوال الإنشاء للصور المتحركة والمشغّلات. وكانت هذه الميزات متاحة في رمز polyfill web-animations-next الذي تم تصميمه لعرض ميزات لا تزال قيد المناقشة ولم يتم تنفيذها بشكل محلي بعد. استجابةً لملاحظات المطوّرين، يعيد فريق تطوير Web Animations تسمية هذه الميزات لتكون أكثر وضوحًا.
اجتمع فريق FXTF مؤخرًا في سيدني بأستراليا وناقش naming، حيث قدّم عدد من المطوّرين نقاطًا محقّة بشأن أنّ بعض الأسماء كانت مربكة. ونتيجةً لذلك، تم الاتفاق على تغييرات التسمية التالية:
- تصبح الصور المتحركة KeyframeEffect
- تغيير AnimationSequence ليصبح SequenceEffect
- AnimationGroup تصبح GroupEffect
- AnimationPlayer تصبح حركة
تذكَّر أنّه على الرغم من توفُّر الصور المتحركة ومشغّلاتها بشكل مضمّن في Chrome وضِمن polyfill، يتم إنشاؤها حاليًا مباشرةً من خلال طريقة Element.animate(). لن يتطلب الرمز الحالي الذي يستخدم طريقة Element.animate() أي تغييرات.
تمثّل الأسماء الجديدة بدقة أكبر السلوك الذي يوفّره كل كائن. يصف KeyframeEffect على سبيل المثال التأثيرات المستندة إلى الإطارات الرئيسية التي يمكنها استهداف عناصر HTML. في المقابل، يمثّل العنصر Animation الجديد صورة متحركة بإحدى الحالات العديدة (مثل التشغيل والإيقاف المؤقت وغير ذلك).
SourceCodeEffect
إذا كنت تستخدم أجزاءً من مواصفات المسودة من خلال Web-animations-next polyfill، ستحتاج إلى تعديل الرمز خلال فترة الإيقاف النهائي لكي تظهر هذه الأسماء الجديدة. بموجب سياسة تغييرات polyfill، نهدف إلى إتاحة إصدار قديم لمدة ثلاثة أشهر وتقديم بيانات تحذيرية في وحدة التحكّم إذا كان موقعك الإلكتروني يستخدم ميزات أو أسماء متوقّفة نهائيًا.
إذا أردت تجربة هذه الميزات، انتبه إلى الإصدار الثاني من رمز polyfill للاستفادة من هذه الأسماء الجديدة. وأخيرًا، احرص على الاشتراك في مجموعة web-animations-changes للتعرف على أي تغييرات أخرى.