close

Remotion

Mã nguồn mở bởi remotion-dev

Khác

Remotion là bộ công cụ làm video bằng mã React. Bạn viết cảnh, chữ, hiệu ứng như viết một trang web, xem trước trong Remotion Studio rồi xuất ra file video. Bạn cũng có thể nhờ trợ lý lập trình AI viết video thông qua bộ Agent Skills của Remotion.

Remotion dùng để làm gì?

  • Dựng video từ mã React: chữ chạy, hiệu ứng chuyển cảnh, phụ đề, âm thanh
  • Xem trước và chỉnh video trong Remotion Studio trên trình duyệt
  • Nhờ Claude Code, Codex hoặc Cursor viết video qua bộ Agent Skills
  • Xuất hàng loạt video từ cùng một mẫu, mỗi video một bộ dữ liệu
  • Nhúng trình phát video vào ứng dụng web bằng Remotion Player

Giao diện

Remotion — Studio, Codex and VS Code working together

Ảnh và video lấy từ README của dự án trên GitHub, bản quyền thuộc nhóm phát triển.

Cần biết trước khi dùng

  • Cần chú ýLicense không theo chuẩn SPDX (Other): cần đọc điều khoản trước khi dùng cho mục đích thương mại.
  • Lưu ýKhông tìm thấy docker-compose hay Dockerfile ở thư mục gốc: chưa thể gắn nút Deploy tự động.
  • Lưu ýTino chưa kiểm thử dự án này.

Kiểm tra tự động ngày 04/11/2026 từ dữ liệu GitHub, OSV.dev và docker-compose. Đây không phải chứng nhận bảo mật; Tino không phát triển hay bảo trì repo này.

Remotion là gì?

Với phần mềm dựng phim thông thường, mỗi video là một lần kéo thả bằng tay. Remotion coi video là mã nguồn: mỗi khung hình là một thành phần React, thời gian và chuyển động tính theo số khung hình. Nhờ vậy bạn dùng được mọi thứ của web như CSS, SVG, font, dữ liệu từ API để dựng video, và lưu cả video vào Git.

README chia cách làm thành ba kiểu: nhờ trợ lý AI viết video, chỉnh và tạo chuyển động trực tiếp trong Studio như trình dựng phim, hoặc tự lập trình. Khi xuất video, bạn có thể bấm nút Render trong Studio, chạy lệnh npx remotion render, gọi API Node.js trên máy chủ của mình, hoặc dùng các lựa chọn render trên đám mây như AWS Lambda mà tài liệu có hướng dẫn.

Theo README, Remotion phù hợp để tự động hoá video: dựng thư viện chuyển động dùng chung cho cả công ty, render hàng loạt video trên hạ tầng riêng, hoặc làm công cụ, trình dựng video cho người dùng của bạn. Tài liệu dài hơn 1.200 trang, kèm nhiều mẫu dự án dựng sẵn.

Lưu ý giấy phép: Remotion không theo giấy phép mã nguồn mở thông thường. Cá nhân, công ty vì lợi nhuận có tối đa 3 nhân viên và tổ chức phi lợi nhuận được dùng miễn phí, kể cả làm video thương mại. Công ty vì lợi nhuận lớn hơn mức đó phải mua Company License.

Nên dùng khi

  • Bạn cần làm nhiều video cùng khuôn mẫu, chỉ đổi dữ liệu như tên, số liệu, hình ảnh
  • Bạn biết React hoặc muốn trợ lý AI viết video thay vì kéo thả trong phần mềm dựng phim
  • Bạn muốn cho người dùng ứng dụng của mình tạo hoặc xem video ngay trên web

Không nên dùng khi

  • Bạn thuộc công ty vì lợi nhuận có hơn 3 nhân viên mà chưa mua Company License: giấy phép Remotion bắt buộc mua trong trường hợp này
  • Bạn định sao chép, sửa mã Remotion để bán, cho thuê hoặc cấp phép lại một bản phái sinh: giấy phép cấm việc này
  • Bạn chỉ cần cắt ghép vài video quay sẵn và không muốn viết mã
  • Máy chạy macOS cũ hơn 15, Alpine Linux, nixOS hoặc Linux có glibc cũ hơn 2.35: tài liệu ghi không hỗ trợ

Tính năng chính

  • Video viết bằng React, xem trước tức thì trong Remotion Studio
  • Bộ Agent Skills cho trợ lý AI: tạo dự án, viết cảnh, bản đồ chuyển động, phụ đề, render
  • Nhiều mẫu dự án dựng sẵn, gồm mẫu Hello World cho người mới
  • Thành phần dựng sẵn cho hiệu ứng, chuyển cảnh, hiệu ứng âm thanh, phụ đề, font, chỉnh màu, hình khối
  • Render bằng dòng lệnh, API Node.js, AWS Lambda, Vercel hoặc ngay trên trình duyệt
  • Remotion Player để nhúng video vào ứng dụng web
  • Xuất video, chuỗi ảnh, ảnh tĩnh hoặc chỉ âm thanh

Cách cài đặt Remotion

  1. Tạo dự án mới bằng trình hướng dẫn Cần cài Node.js trước. Trình hướng dẫn cho chọn mẫu dự án và hỏi có cài Agent Skills không. Dùng pnpm, Yarn hoặc Bun thì chạy pnpm create video, yarn create video hoặc bun create video. 
    npx create-video@latest
  2. Hoặc tạo dự án trống kèm Agent Skills Tạo dự án trống trong thư mục my-video, cài Agent Skills (không kèm TailwindCSS) rồi mở Remotion Studio để xem trước. 
    npx create-video@latest --yes --blank my-video
cd my-video
npx remotion skills add
npm run dev
  3. Cài Agent Skills cho trợ lý AI Dùng cho Claude Code, Codex, Cursor và các trợ lý khác. Sau khi cài, gọi các skill như /remotion-create, /remotion-render trong ô chat của trợ lý. 
    npx skills add remotion-dev/skills
  4. Xuất video bằng dòng lệnh Chạy trong thư mục dự án. Không ghi ID của cảnh (composition) thì Remotion hiện danh sách để chọn; ghi ID thì xuất thẳng, ví dụ npx remotion render HelloWorld. 
    npx remotion render

Lệnh chép từ README của dự án. Đọc kỹ trước khi chạy và đối chiếu với README mới nhất, vì lệnh có thể đổi theo phiên bản.

Cách tích hợp và sử dụng

  1. Mở Remotion StudioChạy npm run dev trong thư mục dự án để xem trước video. Mẫu Next.js hoặc React Router 7 thì chạy npm run remotion để mở Studio.
  2. Nhờ trợ lý AI viết videoSau khi cài Agent Skills, gõ yêu cầu như /remotion-create Make a promo video for a record store. Skill /remotion-best-practices gom mọi skill khác, dùng khi không chắc nên gọi skill nào.
  3. Sửa và xem lạiChỉnh mã React hoặc chỉnh trực tiếp trong Studio; khung xem trước cập nhật theo.
  4. Xuất videoBấm nút Render trong Studio rồi chọn Render video, hoặc chạy npx remotion render. Muốn ảnh tĩnh hay chuỗi ảnh thì xem phần Stills và cờ --sequence trong tài liệu.
  5. Render hàng loạtDùng API Node.js (server-side rendering) trên máy chủ của bạn, hoặc Remotion Lambda trên AWS, theo hướng dẫn trong tài liệu.

Cập nhật và sao lưu

Mỗi video là một dự án mã nguồn, nên sao lưu bằng Git như dự án web thông thường. Lưu ý: README cho biết giấy phép sẽ thay đổi nhẹ ở Remotion 5.0.

README không nêu lệnh nâng cấp phiên bản Remotion trong dự án có sẵn.

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

Remotion có miễn phí không?

Miễn phí cho cá nhân, công ty vì lợi nhuận có tối đa 3 nhân viên, tổ chức phi lợi nhuận và người đang dùng thử chưa làm thương mại. Công ty vì lợi nhuận lớn hơn mức đó phải mua Company License; giá xem tại remotion.pro.

Video làm bằng Remotion bản miễn phí có được dùng thương mại không?

Có, nếu bạn thuộc nhóm được dùng Free License. Giấy phép cho phép làm video và ảnh cho cả mục đích thương mại, nhưng cấm sao chép, sửa mã Remotion để bán hoặc cấp phép lại một bản phái sinh.

Không biết lập trình có dùng được Remotion không?

Có thể nhờ trợ lý AI như Claude Code hoặc Codex viết video qua bộ Agent Skills, rồi chỉnh trong Remotion Studio. Tuy vậy dự án vẫn là mã React, nên biết đọc mã sẽ dễ sửa lỗi hơn.

Có cần cài Remotion lên VPS không?

Không bắt buộc. Remotion chạy trên máy cá nhân để làm video. Chỉ cần máy chủ khi bạn muốn render hàng loạt bằng API Node.js hoặc triển khai Remotion Studio cho cả nhóm dùng qua đường link.

Nội dung được AI hỗ trợ soạn từ README và dữ liệu GitHub của dự án.

Ứng dụng liên quan

Miễn trừ trách nhiệm

Tino không phát triển, không sở hữu và không liên kết với Remotion hay nhóm phát triển remotion-dev. Tên, logo và nhãn hiệu thuộc về chủ sở hữu tương ứng; việc nhắc tới chỉ để mô tả, không có nghĩa là dự án xác nhận hay hợp tác với Tino.

Remotion được phân phối theo giấy phép License riêng của nhóm phát triển. Tino không bảo đảm về tính năng, bảo mật hay mức độ phù hợp của phần mềm; bạn tự chịu trách nhiệm khi cài đặt, cấu hình và sử dụng.

Lệnh cài và thông tin trên trang lấy từ tài liệu công khai của dự án tại thời điểm cập nhật và có thể đã thay đổi. Đọc tài liệu chính thức và sao lưu dữ liệu trước khi chạy trên máy chủ thật.