Tạo B-roll đồ họa chuyển động theo thời gian với Claude Code

motion-graphics là gì?

motion-graphics là một kho kỹ năng thiết kế chuyển động chuyên biệt dành cho Claude Code và các agent khác có thể đọc skill. Skill đầu tiên hiện có, motion-broll, tạo B-roll đồ họa chuyển động từ video nguồn và bản chép lời.

Skill này phân tích cảnh quay, ước tính thời điểm các từ được nói, đề xuất đồ họa phù hợp và kết xuất các đoạn clip được căn theo lời thuyết minh. Mỗi clip sử dụng một hình dạng biến đổi liên tục, chẳng hạn một viên thuốc có thể chuyển thành thẻ, terminal hoặc biểu đồ, thay vì cắt giữa các cảnh rời rạc. Con trỏ điều khiển các thay đổi hình ảnh.

Tính năng chính

• Căn thời gian theo bản chép lời: Đồ họa được căn chỉnh với các từ trong bản chép lời.
• Phân tích cảnh quay: Skill đọc độ phân giải, tốc độ khung hình, bố cục, các đoạn hình trong hình và những thay đổi về kích thước khung hình người nói.
• Lập kế hoạch để xem xét: Skill chuẩn bị kế hoạch clip và chờ bạn phê duyệt trước khi tạo đồ họa.
• Hai kiểu đầu ra: Các cảnh cắt toàn khung hình được kết xuất dưới dạng tệp MP4, trong khi các bảng được thiết kế cho khoảng trống bên cạnh người nói sử dụng tệp MOV ProRes 4444 trong suốt.
• Hoạt ảnh liên tục: Các thành phần biến đổi giữa các trạng thái mà không có cảnh cắt trực quan.
• Nhòe chuyển động: Clip được kết xuất ở tốc độ khung hình của video nguồn với việc lấy mẫu dưới khung hình để chuyển động mượt hơn.
• Tệp hỗ trợ xem xét: Đầu ra bao gồm bản xem trước, trang so sánh, trình xem clip và tài liệu căn thời gian.
• Kiểm soát dữ liệu: Skill không tự tạo số liệu hoặc kết quả. Skill sử dụng kích thước thanh tương đối và văn bản khung giữ chỗ cho đến khi có giá trị thực.

Yêu cầu

Trước khi cài đặt skill, hãy đảm bảo hệ thống của bạn có các phần mềm sau:

• Node.js 18 trở lên
• Python 3
• ffmpeg có bộ mã hóa ProRes

README ghi chú rằng bộ mã hóa ProRes cần thiết được tích hợp sẵn trong các bản dựng ffmpeg của Homebrew. Ở lần chạy đầu tiên, skill cũng cài đặt Playwright và Chromium vào thư mục motion/ cục bộ.

Cài đặt motion-broll

Tùy chọn 1: Cài đặt bằng npx

Chạy trình cài đặt skill của repository:

npx skills add Barty-Bart/motion-graphics

Khi được nhắc, hãy chọn motion-broll. Cách này cài đặt các skill từ repository cho Claude Code hoặc agent tương thích khác có thể đọc skill.

Tùy chọn 2: Sao chép skill thủ công

Bạn cũng có thể sao chép thư mục skills/motion-broll vào thư mục skill Claude của dự án:

.claude/skills/

Để cung cấp skill cho mọi dự án, hãy sao chép nó vào thư mục skill cấp người dùng:

~/.claude/skills/

Chuẩn bị đầu vào

Bạn cần hai đầu vào chính:

1. Video: Đây là cảnh quay nguồn sẽ được bổ sung đồ họa chuyển động.
2. Bản chép lời: Quy trình được mô tả hỗ trợ tệp SRT xuất từ trình chỉnh sửa, Descript hoặc YouTube.

Bản chép lời cung cấp nội dung lời nói cho skill, trong khi video cung cấp thông tin kỹ thuật và bố cục như tốc độ khung hình, kích thước và khoảng trống có sẵn quanh người nói.

Tạo B-roll đồ họa chuyển động

Bước 1: Khởi chạy skill

Trong agent tương thích, hãy gọi:

/motion-broll

Trả lời các câu hỏi và chỉ định video cùng bản chép lời cho skill.

Bước 2: Để skill phân tích cảnh quay

Skill đọc độ phân giải, tốc độ khung hình và bố cục của video. Skill cũng kiểm tra các đoạn hình trong hình và xem khung hình người nói có thay đổi kích thước hay không. Phân tích này giúp skill quyết định vị trí phù hợp để đặt bảng trong suốt và thời điểm nên dùng đồ họa toàn khung hình.

Bước 3: Xem xét thời gian ước tính

motion-broll ước tính thời điểm của từng từ từ bản chép lời. Các mốc thời gian này cho phép chuyển tiếp đồ họa và điểm nhấn hình ảnh tương ứng với những từ hoặc cụm từ cụ thể.

Bước 4: Phê duyệt kế hoạch clip

Trước khi kết xuất, skill trình bày một kế hoạch dưới dạng bảng. Với mỗi phân đoạn tiềm năng, skill chọn một trong ba cách xử lý:

• Cảnh cắt toàn khung hình
• Bảng trong suốt đặt trong khoảng trống
• Không dùng đồ họa chuyển động

Kế hoạch cũng giải thích lý do cho từng lựa chọn. Hãy xem xét kỹ và phê duyệt khi vị trí được đề xuất phù hợp với ý đồ biên tập của bạn.

Bước 5: Tạo và xác thực clip

Sau khi được phê duyệt, skill tạo từng clip và kiểm tra các khung hình tĩnh tại những từ quan trọng. Sau đó, skill có thể điều chỉnh các thành phần chưa căn chỉnh chính xác với những thời điểm đó.

Bước 6: Kết xuất và xem xét

Skill kết xuất clip ở tốc độ khung hình của video với hiệu ứng nhòe chuyển động. Sau đó, skill tạo bản xem trước của video đã chỉnh sửa và các trang trên trình duyệt để kiểm tra kết quả.

Tìm hiểu các tệp được tạo

Đầu ra được thiết kế để hỗ trợ cả việc xem xét lẫn biên tập cuối cùng.

• Đoạn clip được đặt tên theo dòng thời gian: Tên tệp cho biết vị trí của clip, chẳng hạn như 04-master-prompt_0m32s40.mp4.
• Đoạn chuyển cảnh MP4: Đồ họa chuyển động toàn khung hình được cung cấp dưới dạng tệp MP4.
• Bảng MOV trong suốt: Các bảng phủ được kết xuất dưới dạng tệp MOV ProRes 4444 có độ trong suốt.
• Bản dựng xem trước: Phiên bản video nguồn đã chèn các clip cho phép bạn đánh giá nhịp độ và vị trí.
• compare.html: Trang này đồng bộ hóa phiên bản gốc và phiên bản nâng cao. Trang hỗ trợ so sánh cạnh nhau, xếp chồng và kiểu quét.
• viewer.html: Trang này cho phép bạn xem từng clip được tạo.
• TIMING.md: Tài liệu này ghi lại điểm vào, điểm ra và dòng lời thoại được bao phủ của từng clip.

Bản xem trước được tạo nhằm phục vụ việc duyệt. Để dựng bản cuối, hãy nhập từng clip riêng lẻ vào trình chỉnh sửa video của bạn.

Quy trình mẫu

Một quy trình chỉnh sửa thực tế có thể gồm các bước sau:

1. Xuất video nguồn và bản chép lời SRT.
2. Chạy /motion-broll và cung cấp cả hai tệp.
3. Xem lại các đoạn chuyển cảnh được đề xuất, các bảng trong suốt và những phần được chủ ý để trống.
4. Phê duyệt kế hoạch và cho phép skill kết xuất các clip.
5. Mở compare.html để đánh giá đồng thời phiên bản gốc và phiên bản nâng cao.
6. Dùng viewer.html để xem từng hoạt ảnh.
7. Tra cứu TIMING.md để biết thông tin vị trí chính xác.
8. Nhập các tệp MP4 và MOV ProRes 4444 trong suốt vào trình chỉnh sửa để dựng bản cuối.

Cách hệ thống kết xuất hoạt động

Mỗi khung hình hoạt ảnh được tính như một hàm thuần túy của thời gian. Công cụ sử dụng các đáp ứng bước dạng lò xo ở dạng đóng, và một thuộc tính có đích thay đổi nhiều lần được biểu diễn bằng tổng của một lò xo cho mỗi lần thay đổi.

Vì hệ thống không phụ thuộc vào chuyển tiếp CSS hay bộ hẹn giờ, hệ thống có thể kết xuất từng khung hình một cách độc lập. Điều này hữu ích cho việc chụp khung hình xác định và kết xuất video ngoại tuyến.

Mỗi clip là một tệp HTML nhỏ được xây dựng trên công cụ dùng chung tại skills/motion-broll/engine/motion.js. Chromium không giao diện chụp bốn khung con cho mỗi khung hình đầu ra trong khoảng thời gian cửa trập 180 độ. Sau đó, ffmpeg trộn các mẫu này để tạo hiệu ứng nhòe chuyển động.

Mẹo nâng cao

Kiểm tra kế hoạch trước khi tốn thời gian kết xuất

Giai đoạn phê duyệt là một điểm kiểm tra biên tập quan trọng. Hãy xác nhận rằng các đoạn chuyển cảnh toàn khung hình chỉ được dành cho những thời điểm việc thay thế cảnh quay là hợp lý, đồng thời các bảng trong suốt chiếm những vùng thực sự trống trong khung hình.

Sử dụng đúng đầu ra trong trình chỉnh sửa

Đặt các đoạn chuyển cảnh MP4 trên rãnh hình ảnh chính khi chúng cần thay thế cảnh quay. Ghép các bảng MOV ProRes 4444 lên trên video nguồn để độ trong suốt của chúng giữ lại cảnh quay bên dưới.

Tách dữ liệu thực khỏi dữ liệu giữ chỗ

Nếu chưa cung cấp số liệu chính xác, hãy chờ các thanh tương đối và văn bản khung sườn thay vì các giá trị bịa đặt. Cung cấp số liệu đã được xác minh khi đồ họa hoàn thiện cần truyền đạt kết quả cụ thể.

Xem lại cả thời điểm và chi tiết hoạt ảnh

Dùng compare.html để đánh giá nhịp độ tổng thể và viewer.html để kiểm tra từng clip. Đối chiếu các vị trí còn nghi vấn với TIMING.md và dòng lời thoại tương ứng.

Nghiên cứu ví dụ hoàn chỉnh đi kèm

Thư mục skills/motion-broll/examples/opus-aoe2/ chứa sáu clip được sử dụng trong phần minh họa của kho lưu trữ. Đây là tài liệu tham khảo hữu ích để hiểu cấu trúc của các clip hoàn chỉnh và phong cách hình ảnh được hướng đến.

Kết luận

motion-broll cung cấp một phương pháp có cấu trúc để biến lời thuyết minh thành B-roll đồ họa chuyển động đồng bộ. Công cụ kết hợp việc phân tích cảnh quay, lập kế hoạch dựa trên bản chép lời, hoạt ảnh hình dạng liên tục, kết xuất xác định và các công cụ duyệt thực tế. Sau khi phê duyệt kế hoạch và kiểm tra bản xem trước, bạn có thể đưa các clip được đặt tên theo dòng thời gian vào trình chỉnh sửa để tạo video hoàn chỉnh.

Dự án được phát hành theo Giấy phép MIT. Các phông chữ Geist sử dụng Giấy phép SIL Open Font, còn các đường dẫn biểu tượng được chuyển thể từ Lucide theo giấy phép ISC.