Web Animations API บรรลุเป้าหมายข้ามเบราว์เซอร์

อเล็กซ์ ดานิโล

Web Animations API เป็นส่วนหนึ่งของมาตรฐานเว็บใหม่ ซึ่งวิศวกรเบราว์เซอร์จาก Mozilla และ Google อยู่ระหว่างการพัฒนา

Chrome 36 ใช้เมธอด element.animate() จาก Web Animations API ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์สร้างภาพเคลื่อนไหวแบบแยกชุดข้อความที่มีประสิทธิภาพโดยใช้ JavaScript

เราตื่นเต้นที่ได้เห็น Mozilla จัดส่งการติดตั้ง element.animate() ใน Firefox 48 แล้ว ซึ่งทำให้สามารถใช้ภาพเคลื่อนไหวแบบเร่งในเบราว์เซอร์ได้จริงโดยใช้ JS API ที่กำลังพัฒนานี้ Google และ Mozilla ได้ร่วมกันทำงานอย่างหนักเพื่อให้แน่ใจว่าการติดตั้งใช้งานสามารถทำงานร่วมกันได้ ถือเป็นความพยายามในการทำงานร่วมกันอย่างแท้จริง

ประโยชน์ของการใช้ Web Animations API อาจรวมถึงอัตราเฟรมที่เร็วขึ้นและใช้พลังงานน้อยลง ซึ่งจะช่วยให้ผู้ใช้ได้รับประสบการณ์ที่ดีขึ้นในทุกอุปกรณ์ โดยเฉพาะในอุปกรณ์เคลื่อนที่

คุณสามารถใช้ Web Animations API ได้ในเบราว์เซอร์ทุกตัวผ่าน polyfill ซึ่งจะใช้การใช้งานเนทีฟแบบเต็มความเร็วในทุกที่ที่มี และเลิกใช้ JavaScript อย่างราบรื่น เราได้รับการสนับสนุนจากชุมชน WebKit ให้พิจารณาการนำไปใช้งานของตนเอง และ ทีม Edge ได้เพิ่มเครื่องมือดังกล่าวลงใน Backlog เราหวังเป็นอย่างยิ่งว่า Web Animations จะสนับสนุนในเบราว์เซอร์หลักๆ ทั้งหมดในเร็วๆ นี้

หากต้องการสัมผัสประสบการณ์การใช้เว็บแอนิเมชันแบบเร่งเต็มใน Chrome, Firefox หรือ Opera โปรดไปที่หน้า การสาธิตเหล่านี้และลองใช้งานด้วยตัวเอง