Trình xem Lottie
Trình phát Lottie trực tuyến miễn phí. Mở bất kỳ hoạt ảnh Lottie JSON nào, phát và dừng, tua từng khung, đổi tốc độ, bật lặp và xem trước trên nền caro trong suốt — hoàn toàn trong trình duyệt.
Tệp Lottie là gì?
Tệp Lottie là bản xuất JSON của một hoạt ảnh vector, thường được tạo trong After Effects bằng plugin Bodymovin hoặc các công cụ như LottieFiles. Ứng dụng và web phát nó bằng bộ kết xuất nhẹ thay vì video, nên tệp rất nhỏ và sắc nét ở mọi kích thước.
Làm sao xem trước hoạt ảnh Lottie ở đây?
Nhấp vào khu tải lên hoặc kéo tệp .json của bạn vào đó. Hoạt ảnh tải ngay và tự phát. Bạn cũng có thể dùng nút ví dụ để thử trình phát với mẫu tích hợp sẵn.
Hoạt ảnh của tôi có được tải lên máy chủ không?
Không. Tệp được đọc và kết xuất hoàn toàn trong tab trình duyệt. Không gửi đi đâu cả, nên an toàn cho dự án khách hàng chưa công bố và tư liệu mật.
Có những điều khiển phát nào?
Phát và tạm dừng, nút phát lại, nút bật/tắt lặp, thanh trượt khung kéo được và bộ chọn tốc độ 0.25x đến 2x. Phần hiển thị cho biết khung hiện tại, tổng số khung và tốc độ khung hình của hoạt ảnh.
Tại sao có nền caro?
Nền caro mô phỏng độ trong suốt, giống hệt trong công cụ thiết kế. Dùng nó để kiểm tra hoạt ảnh không có nền ngoài ý muốn; chuyển sang trắng hoặc đen để soát viền, ánh sáng và bóng trên nền sáng hay tối.
Hỗ trợ những phiên bản Lottie nào?
Trình phát dùng bộ kết xuất lottie-web, hỗ trợ JSON Bodymovin từ phiên bản 4 trở lên: lớp hình dạng, mặt nạ, matte, trim path và phần lớn biểu thức đã được nướng khi xuất.
Có chạy trên điện thoại không?
Có. Bố cục đáp ứng màn hình và kết xuất bằng cùng bộ máy SVG nên chạy được trên trình duyệt iOS và Android. Các nút điều khiển cỡ cảm ứng.
.json khác .lottie thế nào?
Định dạng .lottie (dotLottie) là gói zip nén có thể chứa JSON cùng tài nguyên. Trình xem này mở trực tiếp .json chuẩn của Lottie; với tệp dotLottie, hãy giải nén lấy .json bên trong trước.
Vì sao hoạt ảnh của tôi chạy chậm hoặc hiển thị sai?
Hoạt ảnh nhiều lớp, nhiều ảnh hoặc biểu thức sẽ nặng khi kết xuất. Kiểm tra ảnh không bị xuất riêng, đơn giản hóa composition hoặc giảm tốc độ — chỉ số FPS cho thấy tốc độ dự kiến của hoạt ảnh.
Cách sử dụng Trình xem Lottie
Trình xem Lottie này phát các hoạt ảnh Bodymovin JSON hoàn toàn trong trình duyệt của bạn bằng bộ kết xuất lottie-web. Tải tệp hoặc kéo thả vào, điều khiển phát từng khung hình, và xem trước trên nền trong suốt, trắng hoặc đen — không tải lên bất kỳ đâu.
- Nhấp vào vùng tải lên hoặc kéo thả tệp .json của Lottie vào đó; hoạt ảnh được tải và bắt đầu phát ngay lập tức.
- Dùng nút phát/tạm dừng lớn và nút phát lại từ đầu để điều khiển việc phát.
- Kéo thanh trượt khung hình để tua đến khung bất kỳ; phần hiển thị cho biết khung hiện tại, tổng số khung và FPS.
- Chọn tốc độ từ 0,25x đến 2x, và bật nút lặp để phát lại liên tục.
- Chuyển nền giữa caro trong suốt, trắng và đen để kiểm tra viền, hiệu ứng phát sáng và bóng đổ.
Nhấn nút ví dụ trước để xem trình phát vận hành thế nào trước khi tải hoạt ảnh của bạn — rất tiện khi khách hàng gửi một JSON và bạn cần kiểm tra nhanh.
Công cụ liên quan
- Trình xem & Chỉnh sửa SVG Xem trước, chỉnh sửa và tối ưu hóa tệp SVG trực tuyến. Xem trước trực tiếp, chỉnh sửa mã và công cụ tối ưu hóa.
- Trình xem cây JSON Trực quan hóa dữ liệu JSON thành cây có thể thu gọn tương tác. Tìm khóa và giá trị, theo dõi JSONPath khi di chuột và xử lý tệp lớn với tải lười. Hỗ trợ kéo thả tệp .json.
- Trình tạo Sprite Sheet Kết hợp hình ảnh thành sprite sheet với kéo để sắp xếp lại, bố cục lưới, khoảng cách, chế độ tỷ lệ. Xuất PNG/WebP/JPG với dữ liệu JSON atlas cho engine game và CSS.
- Hình sang Base64 Chuyển đổi hình ảnh thành chuỗi Base64 và giải mã Base64 trở lại thành hình ảnh. Hỗ trợ PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% trên trình duyệt, không tải lên.
- GIF Tách Khung Hình Trích xuất và tải xuống khung hình riêng lẻ từ hoạt ảnh GIF dưới dạng PNG hoặc sprite sheet. Công cụ trực tuyến miễn phí với xem trước và xuất ZIP.
- GIF Đảo Ngược Đảo ngược thứ tự phát hoạt ảnh GIF trực tuyến miễn phí. Tải lên, xem trước và tải xuống ngay lập tức.
- Thay đổi Tốc độ GIF Thay đổi tốc độ ảnh GIF trực tuyến. Tăng tốc hoặc làm chậm tệp GIF ngay lập tức.
- Video sang GIF Chuyển đổi video thành GIF hoạt hình trực tuyến. Điều chỉnh chất lượng, tốc độ khung hình và độ phân giải ngay trong trình duyệt mà không cần tải lên.