Web Animations API가 교차 브라우저 기록을 달성함

알렉스 다닐로

Web Animations API는 현재 Mozilla 및 Google의 브라우저 엔지니어가 개발 중인 새로운 웹 표준의 일부입니다.

Chrome 36에서는 개발자가 JavaScript를 사용하여 성능이 우수한 컴포지터 스레드 애니메이션을 빌드할 수 있도록 Web Animations APIelement.animate() 메서드를 구현했습니다.

Mozilla는 이제 새로운 JS API를 사용하여 실제 교차 브라우저 가속 애니메이션을 사용할 수 있도록 Firefox 48에서 element.animate()의 구현을 출시한 것을 기쁘게 생각합니다. Google과 Mozilla는 상호 운용이 가능한 구현 방식을 보장하기 위해 협력해 왔습니다. 정말 많은 분들이 함께 해 주셨습니다.

Web Animations API 사용 시의 이점으로는 전력 소모를 낮추고 프레임 속도가 빨라지며, 이를 통해 모든 기기, 특히 모바일에서 더 나은 사용자 환경을 제공할 수 있습니다.

Web Animations APIpolyfill을 통해 모든 브라우저에서 사용할 수 있습니다. 이 API는 최대 속도 네이티브 구현을 사용하고 없는 경우에는 자바스크립트 구현으로 원활하게 대체합니다. Google은 WebKit 커뮤니티에서 자체 구현고려하고 Edge팀이 이를 백로그에 추가하는 데 고무적입니다. 곧 모든 주요 브라우저에서 웹 애니메이션을 지원할 예정입니다.

Chrome, Firefox 또는 Opera에서 완전한 가속 웹 애니메이션 환경을 이용하려면 이 데모 페이지로 이동하여 직접 사용해 보세요.