Explainroo: biến script thành video demo bằng AI coding agent

Explainroo là dự án mã nguồn mở tạo video MP4 từ kịch bản, hình vẽ và thuyết minh. Công cụ đáng chú ý cho team marketing cần làm video demo, onboarding hoặc nhiều định dạng social — nhưng cần AI coding agent và khâu kiểm duyệt kỹ.

Một landing page vừa cập nhật tính năng, nhưng video demo vẫn chưa kịp hoàn thiện. Script đã có, brand guideline đã duyệt, song quay màn hình, dựng chuyển động và căn phụ đề thường tốn nhiều công sức hơn dự kiến.

Explainroo đi theo một hướng khác: giao chủ đề hoặc kịch bản cho một AI coding agent — tác nhân AI có thể làm việc với mã nguồn — để tạo video MP4 có thuyết minh, hình minh hoạ, nhạc nền và phụ đề.

Với marketer, đây là lựa chọn đáng theo dõi khi cần thử nhanh video onboarding, demo sản phẩm hoặc biến một nội dung thành nhiều tỷ lệ khung hình.

Explainroo là gì?

Explainroo là dự án miễn phí, mã nguồn mở. Theo README, phần giọng đọc, căn thời gian lời nói và render video chạy trên máy tính của bạn.

Tuy vậy, AI coding agent là dịch vụ riêng, có điều khoản và chi phí riêng. Nếu dùng agent để tạo ảnh qua OpenRouter, bạn cũng trả phí theo từng ảnh.

Quy trình video xoay quanh hai tệp chính:

script.md: lời thuyết minh. scenes.js: phần hình ảnh, chuyển động và thời điểm chúng xuất hiện.

AI agent có thể tạo và chỉnh hai tệp này, còn Explainroo đảm nhiệm phần ghép thành video. Dự án dùng:

Kokoro cho giọng đọc cục bộ. Whisper để xác định thời điểm từng từ được nói. Chrome chạy nền để vẽ các khung hình. ffmpeg để xuất tệp MP4.

Điểm đáng chú ý là team có thể kiểm soát script, màu sắc, font, ảnh chụp màn hình, biểu đồ, video quay màn hình và thứ tự thông điệp rõ hơn.

Đổi lại, đây không phải công cụ kéo-thả dành cho người hoàn toàn không làm việc với kỹ thuật. README hướng dẫn sử dụng thông qua AI coding agent, nên marketer sẽ phù hợp hơn nếu phối hợp cùng teammate kỹ thuật.

> Lưu ý về tiếng Việt: Kokoro được README nêu hỗ trợ tiếng Anh, Tây Ban Nha, Pháp, Ý, Bồ Đào Nha Brazil, Hindi, Nhật và Quan Thoại; không thấy nêu tiếng Việt. Explainroo cũng cho phép dùng giọng ElevenLabs hoặc tự thu âm, nhưng nên thử quy trình thực tế trước khi cam kết sản xuất voice-over tiếng Việt.

3 việc team marketing có thể thử

1. Video giới thiệu sản phẩm và tính năng

Explainroo có thể làm product demo. Agent có thể dựng lại màn hình từ code hoặc website, sử dụng màu sắc, font, logo và nhãn nút; sau đó tạo thao tác con trỏ chuột bấm hoặc gõ qua các bước.

Ứng dụng phù hợp gồm:

Video giới thiệu tính năng mới trên landing page. Clip hướng dẫn khách hàng dùng sản phẩm SaaS. Video hỗ trợ đội sales gửi cho khách hàng. Demo ngắn cho LinkedIn, YouTube hoặc trang sản phẩm.

Với sản phẩm cập nhật thường xuyên, việc dựng demo từ giao diện và script có thể thuận tiện hơn so với quay lại toàn bộ màn hình. Nhưng mọi nút bấm, giá, ưu đãi và trạng thái tính năng vẫn cần được kiểm tra trước khi xuất bản.

2. Video onboarding và FAQ

Explainroo hỗ trợ ảnh chụp màn hình, video clip và nội dung hiển thị theo từng bước. Vì vậy, team có thể thử làm các video ngắn theo hành trình như: mở trang, chọn mục, hoàn tất thao tác.

Một chủ đề cũng có thể tách thành nhiều clip:

Video giới thiệu tổng quan. Video trả lời một câu hỏi thường gặp. Video giải thích điều kiện hoặc quy trình. Video hướng dẫn một thao tác cụ thể.

Nếu dùng cùng một phong cách hình ảnh và giọng điệu, các clip có thể tạo cảm giác nhất quán cho chuỗi chăm sóc khách hàng.

3. Social video nhiều kích thước

Explainroo có kích thước cho video ngang, video dọc kiểu Shorts/TikTok/Reels, tỷ lệ 4:5 và vuông.

Với video dọc, 4:5 và vuông, hệ thống tạo caption sáng theo từng từ. README cũng cho biết Explainroo giữ phần chữ tránh các vùng thường bị nút giao diện che trên nền tảng video ngắn.

Mỗi lần render còn có thể xuất:

Phụ đề .srt và .vtt. Ảnh cover làm thumbnail. Chapter cho YouTube nếu script có đặt tên chapter. GIF cho README hoặc bài đăng. Video nền trong suốt định dạng MOV để ghép trong phần mềm dựng. Web player có thể nhúng bằng iframe.

Một script đã duyệt có thể trở thành asset cho nhiều điểm chạm. Tuy nhiên, hook, CTA và thông điệp chính vẫn nên được biên tập riêng theo mục tiêu của từng kênh.

Cách thử theo quy trình thực tế

README đề xuất giao việc trực tiếp cho AI coding agent. Agent sẽ thiết lập Explainroo, tạo video và kiểm tra đầu ra.

Đây là prompt mẫu do dự án cung cấp:

text Make me a short explainer video about [your topic]. Use explainroo for it: clone https://github.com/vincentsch/explainroo, read its AGENTS.md and follow the steps.

Trước khi giao việc, marketer nên chuẩn bị một creative brief ngắn nhưng có ràng buộc rõ ràng:

text Chủ đề: <sản phẩm hoặc tính năng> Đối tượng: <chân dung khách hàng> Mục tiêu: <giới thiệu / onboarding / tạo đăng ký> Thông điệp chính: <một lợi ích đã được duyệt> Giọng thương hiệu: <giọng thương hiệu> CTA: <hành động mong muốn> Tài sản được phép dùng: <website / logo / screenshot / video quay màn hình> Điều không được nói: <claim, giá, ưu đãi hoặc đối thủ chưa được duyệt>

Ví dụ:

text Chủ đề: tính năng học thử trên nền tảng tiếng Anh Đối tượng: người đi làm muốn học sau giờ làm Mục tiêu: video onboarding Thông điệp chính: người dùng có thể bắt đầu bằng bài học phù hợp trình độ Giọng thương hiệu: gần gũi, rõ ràng, không hứa hẹn quá mức CTA: bắt đầu học thử Tài sản được phép dùng: logo, ảnh chụp màn hình đã duyệt Điều không được nói: cam kết đầu ra hoặc mức điểm số

Một video hiệu quả nên có hành trình rõ ràng: vấn đề, thao tác hoặc giải pháp, lợi ích cụ thể và CTA. Hiệu ứng hình ảnh chỉ nên phục vụ thông điệp, không thay thế thông điệp.

Yêu cầu cài đặt cần biết

Nếu đội kỹ thuật tự cài, README nêu các yêu cầu gồm:

Node.js 20.11 trở lên. ffmpeg. Chrome hoặc Chromium.

Lần thiết lập đầu tiên sẽ tải model giọng nói và căn thời gian, tổng dung lượng khoảng 400 MB. README cũng cho biết không cần GPU.

Các lệnh cài đặt được công bố:

bash git clone https://github.com/vincentsch/explainroo.git cd explainroo npm install node bin/explainroo.js doctor --fetch

Đừng xuất bản trước khi qua vòng kiểm duyệt

Explainroo có thể lưu ảnh tĩnh từng cảnh, bảng khung hình của toàn video, kiểm tra chữ bị cắt hoặc chồng lên nhau, đồng thời kiểm tra các từ có thể bị đọc sai.

Với video hiển thị trong feed, README nêu lệnh kiểm tra sau:

bash explainroo check videos/<name> --view-width 854

Tuy nhiên, kiểm tra kỹ thuật không thay thế kiểm duyệt marketing. Trước khi xuất bản, team nên rà lại:

Claim và số liệu: Đối chiếu với nguồn nội bộ đã duyệt, nhất là giá, khuyến mãi, kết quả, tính năng và điều kiện áp dụng. Brand voice: Agent có thể tạo lời thoại, nhưng người phụ trách vẫn cần duyệt từ ngữ, nhịp điệu và CTA. Giao diện demo: Không để lộ dữ liệu khách hàng, email thật, token, màn hình nội bộ hoặc tính năng chưa công bố. Bản quyền tài sản: Chỉ dùng logo, screenshot, footage và hình ảnh mà doanh nghiệp có quyền sử dụng. Nội dung cho từng kênh: Kiểm tra yêu cầu đăng tải và chính sách hiện hành của nền tảng trước khi chạy quảng cáo hoặc đăng social.

Kết luận: công cụ để thử nhanh, không phải để bỏ qua khâu duyệt

Explainroo phù hợp khi team đã có script hoặc storyboard cơ bản và muốn biến chúng thành video demo hay explainer có cấu trúc.

Điểm hấp dẫn là khả năng render nhiều định dạng, xuất phụ đề, tạo asset đi kèm và hỗ trợ kiểm tra layout. Nhưng công cụ này sẽ phù hợp hơn với marketer làm việc cùng AI coding agent hoặc đồng đội kỹ thuật, thay vì một công cụ tự phục vụ thuần giao diện.

Cách bắt đầu an toàn là chọn một video onboarding hoặc demo tính năng rủi ro thấp, sử dụng tài sản đã được duyệt, rồi mới mở rộng sang các asset quảng cáo.