Framefields: tạo video bằng code TypeScript

Framefields là thư viện mã nguồn mở để tạo video bằng code TypeScript. Công cụ kết hợp bố cục hình ảnh, hoạt ảnh và kết xuất GPU trong một dự án có thể sửa đổi. Nhà phát triển hoặc người sáng tạo dùng trợ lý lập trình có thể viết cảnh, kiểm tra khung hình rồi xuất thành video.

Giải thích dễ hiểu: trang web này dùng để làm gì?

Trang web cung cấp bộ máy video cùng tài liệu sử dụng. Hãy hình dung một đoạn giới thiệu sản phẩm có tiêu đề di chuyển, biểu đồ tăng dần và vật thể xoay. Mã mô tả vị trí cùng thời điểm của các yếu tố; Framefields biến chúng thành khung hình và tệp video. Bạn có thể tự viết hoặc nhờ tác nhân lập trình hỗ trợ. Tuy vậy vẫn cần môi trường và tư liệu, chứ trang chủ không phải trình dựng video trực tuyến hoàn chỉnh.

Kết hợp chữ, hiệu ứng, 3D và âm thanh

Chữ vector, hoạt ảnh từng ký tự và bố cục linh hoạt phù hợp cho phần mở đầu và cảnh giải thích. Lớp ảnh hoặc video có thể dùng chỉnh màu, làm mờ, hạt phim, LUT, mặt nạ và chuyển cảnh. Camera, ánh sáng, vật liệu và mô hình 3D nhập vào có thể kết hợp với các yếu tố 2D.

Biểu đồ dữ liệu, tệp Lottie, bản nhạc và hiệu ứng âm thanh thủ tục mở rộng khả năng làm bản demo. Tín hiệu âm thanh có thể điều khiển thuộc tính hình ảnh. Đây là các thành phần để xây dựng dự án; việc chọn tư liệu, nhịp điệu và chất lượng hình ảnh vẫn cần người dùng kiểm tra.

Quy trình từ ý tưởng đến MP4

1. Chuẩn bị Node.js 22 trở lên, dự án ES modules và môi trường đồ họa phù hợp theo hướng dẫn bắt đầu. Thiết lập quyền chạy script phụ thuộc gốc như tài liệu yêu cầu trước khi cài.
2. Nếu dùng tác nhân, thêm bộ kỹ năng chính thức rồi mô tả nội dung chữ, thời lượng, tỷ lệ hình, các tệp có sẵn và đầu ra cần nhận.
3. Tách chủ đề, bố cục và script kết xuất. Đăng ký tệp phông chữ thật, đồng thời tải đầy đủ tư liệu Git LFS.
4. Kiểm tra kiểu, xem một số PNG và bảng khung hình. Mở bản xem trước cục bộ để nghe âm thanh, xem chuyển động và ghi chú ngay trên hình.
5. Xuất MP4 với QA bật, đọc kết quả kiểm tra rồi phát tệp cuối trước khi bàn giao.

Bản xem trước hỗ trợ di chuyển theo thời gian và xem từng khung. Cách kiểm tra này giúp phát hiện chữ khó đọc hoặc chuyển cảnh bất hợp lý trước khi kết xuất toàn bộ.

Yêu cầu máy và giới hạn xử lý hình ảnh

Đường kết xuất gốc dùng WebGPU, không cần chuỗi ảnh chụp Chromium. Vẫn cần backend đồ họa tương thích; chế độ kết xuất bằng phần mềm trong môi trường được hỗ trợ sẽ chậm hơn. Dự án còn beta nên cần cố định phiên bản và thử một cảnh thực tế. Có thể triển khai worker riêng để xử lý dự án Git và đưa đầu ra vào kho lưu trữ đã cấu hình.

Mô hình ONNX cục bộ hỗ trợ phát hiện vật thể, phân đoạn và ước lượng tư thế, chẳng hạn gắn nhãn theo chủ thể. Với withVision, kết quả lấy từ khung vừa kết xuất trước đó; khung số 0 chưa có dữ liệu. Hãy kiểm tra các khung liên tiếp hoặc video cuối thay vì bảng gồm những thời điểm cách xa nhau. Xem tài liệu vision để biết chi tiết.

Chi phí, giấy phép và dữ liệu

Kiểm tra ngày 21 tháng 10 năm 2026: dự án dùng Apache-2.0. Phí trợ lý AI, máy tính, lưu trữ và quyền sử dụng tư liệu là các phần riêng. Chưa xác minh được giá dịch vụ kết xuất được lưu trữ sẵn hay hạn mức đám mây miễn phí mỗi tháng.

Mô hình được tải lần đầu và lưu trong bộ nhớ đệm cục bộ. Bộ kỹ năng là hướng dẫn, không tự gửi dữ liệu. Điều này không mô tả chính sách của trợ lý AI bên ngoài hoặc máy chủ bạn triển khai; cần kiểm tra từng dịch vụ trước khi chia sẻ tệp dự án.

Câu hỏi thường gặp

Có phải tự viết toàn bộ mã không?

Tác nhân có thể dùng kỹ năng chính thức để viết và sửa TypeScript. Người dùng vẫn cần môi trường, tư liệu và kiểm tra kết quả hình ảnh.

Có thể nhận và xem những đầu ra nào?

Quy trình tài liệu gồm PNG, bảng khung hình, bản xem trước cục bộ và MP4. Hãy phát tệp xuất cuối cùng cùng âm thanh để xác nhận.

Mã nguồn mở có nghĩa là không tốn chi phí?

Không bao gồm phí AI, máy chủ, phần cứng hoặc quyền dùng nhạc, phông chữ và video nhập vào. Nên thử dự án ngắn trước khi tính chi phí sản xuất lâu dài.

Tài nguyên và cộng đồng chính thức

• Kỹ năng cho tác nhân: cài đặt và vòng lặp làm việc.
• Kho GitHub: mã, ví dụ và báo lỗi.
• Discord chính thức: thảo luận cộng đồng.
• Kênh Gatewai: phim tham khảo.