Tính năng hỗ trợ gốc cho Ảnh động trên web được cung cấp lần đầu trong Chrome 36 và được cập nhật với tính năng điều khiển phát trong Chrome 39. Bạn có thể dùng phương thức Element.animate() để kích hoạt ảnh động bắt buộc ngay từ JavaScript và có thể tận dụng đối tượng được trả về để kiểm soát việc phát các ảnh động này. Các phương thức này được nêu chi tiết trong bản nháp hiện tại của quy cách W3C về Ảnh động trên web.
Chúng tôi đang tích cực phát triển một polyfill đã xuất xưởng theo dõi tất cả các tính năng Ảnh động trên web được triển khai gốc và được hỗ trợ trong tất cả trình duyệt hiện đại. Bạn có thể sử dụng ngay các phương thức cốt lõi này và chúng xứng đáng nằm trong bộ công cụ của bạn để tạo ra trải nghiệm phong phú nhờ ảnh động (chẳng hạn như cho ứng dụng web Google I/O 2015).
Thay đổi về hàm khởi tạo và nhóm
Thông số kỹ thuật Ảnh động trên web cũng mô tả các nhóm và trình tự, cũng như hàm khởi tạo cho ảnh động và trình phát. Các tính năng này đã có trong polyfill web-animations-next. Tính năng này được thiết kế để giới thiệu các tính năng vẫn đang được thảo luận và chưa được triển khai gốc. Để phản hồi ý kiến phản hồi của nhà phát triển, nhóm phát triển Ảnh động trên web sẽ đổi tên các tính năng này để dễ hiểu hơn.
Gần đây, FXTF đã họp tại Sydney, Úc và thảo luận về việc đặt tên, vì một số nhà phát triển đã nêu ra những điểm hợp lý về việc một số cách đặt tên gây nhầm lẫn. Do đó, chúng tôi đã thống nhất các thay đổi về tên sau:
- Animation trở thành KeyframeEffect
- AnimationSequence trở thành SequenceEffect
- AnimationGroup trở thành GroupEffect
- AnimationPlayer trở thành Animation
Xin lưu ý rằng mặc dù ảnh động và trình phát của ảnh động có sẵn trong Chrome và là một phần của polyfill, nhưng hiện tại, chúng được tạo trực tiếp thông qua phương thức Element.animate(). Bạn không cần thay đổi mã hiện có sử dụng phương thức Element.animate().
Tên mới thể hiện chính xác hơn hành vi do mỗi đối tượng cung cấp. Ví dụ: KeyframeEffect mô tả các hiệu ứng dựa trên khung hình chính có thể nhắm đến các phần tử HTML. Ngược lại, đối tượng Animation mới đại diện cho một ảnh động ở một trong nhiều trạng thái (chẳng hạn như đang phát, tạm dừng, v.v.).
SourceCodeEffect
Nếu đang sử dụng một số phần của bản đặc tả nháp thông qua polyfill web-animations-next, bạn sẽ phải cập nhật mã của mình trong khoảng thời gian ngừng sử dụng để phản ánh những tên mới này. Theo chính sách về thay đổi đối với polyfill, chúng tôi dự định hỗ trợ phiên bản cũ trong 3 tháng và đưa ra các câu lệnh cảnh báo trên bảng điều khiển nếu trang web của bạn sử dụng các tính năng hoặc tên không dùng nữa.
Nếu bạn muốn dùng thử các tính năng này, hãy chú ý đến bản phát hành v2 của polyfill để tận dụng các tên mới này. Cuối cùng, hãy nhớ đăng ký nhóm web-animations-changes để biết mọi thay đổi khác.