Làm video ngắn với Remotion & AI agent
Hướng dẫn chi tiết làm video dọc 9:16 về công nghệ bằng Remotion và template remotion-cuongit-template: giọng đọc AI tiếng Việt, skill cho Claude Code/Codex, tuỳ biến mã nguồn React và xuất MP4.
Giới thiệu
Khoá học hướng dẫn từng bước làm video ngắn dọc 9:16 về công nghệ bằng Remotion (React) và bộ template mã nguồn mở remotion-cuongit-template: từ cài đặt, giọng đọc AI tiếng Việt, gọi skill để Claude Code/Codex tự làm video, tới đọc hiểu, tuỳ biến mã nguồn và xuất MP4.
Bạn sẽ học được
- Cài template, dùng Remotion Studio, xem và render 4 video mẫu.
- Cấu hình giọng đọc Edge TTS hoặc CIT Voice Studio (offline), hiểu cách giọng đọc quyết định thời lượng.
- Gọi 4 skill: giải thích chủ đề, giới thiệu GitHub repo, so sánh A và B, làm video từ bài viết.
- Sửa cảnh, phụ đề, màu sắc, bố cục; thêm cảnh và hiệu ứng âm thanh.
- Xuất thumbnail, MP4 và kiểm tra trước khi đăng TikTok, Reels, Shorts.
Yêu cầu
- Node.js LTS, Git; biết JavaScript cơ bản.
- Claude Code, Codex hoặc Google Antigravity để dùng skill.
Nội dung khoá học
Chương 1. Làm quen với Remotion và template5 bài · 51 phút
Remotion là gì? Template này làm được gìXem thử8′Bước 1. Chọn công cụ và link tảiXem thử15′Bước 2. Tải mã nguồn template (ZIP hoặc git clone)Xem thử10′Bước 3. Cài thư viện, tạo .env và mở Remotion StudioXem thử10′Tham quan Remotion Studio và 4 video mẫuXem thử8′Chương 2. Giọng đọc AI và âm thanh3 bài · 29 phút
Chọn giọng đọc: Edge TTS hay CIT Voice Studio10′
Sinh giọng đọc: từ lời thoại tới số frame12′
Hiệu ứng âm thanh với SfxTrack7′
Chương 3. Tạo video bằng skill AI3 bài · 35 phút
Cách gọi skill trong Claude Code, Codex, Antigravity8′
Thực hành: video so sánh với comparison-video15′
repo-to-video, topic-explainer và content-to-video12′
Chương 4. Hiểu và tuỳ biến mã nguồn3 bài · 39 phút
Cấu trúc dự án và cấu trúc một video12′
Bố cục 9:16, phụ đề và font tiếng Việt12′
Tự sửa video: đổi chữ, màu, tên kênh, thêm cảnh15′
Chương 5. Xuất bản video2 bài · 16 phút
Render ảnh thumbnail và video MP48′
Xử lý lỗi thường gặp và sử dụng có trách nhiệm8′