Kết xuất video ca nhạc “I’m Upping My P(doom)” do Claude tạo

Tổng quan dự án

I’m Upping My P(doom) chứa mã nguồn của một video ca nhạc được tạo bằng Claude Opus 5.5 trong Claude Code. Bạn có thể xem video ca nhạc I’m Upping My P(doom) hoàn chỉnh trên YouTube.

Hoạt ảnh được tạo qua hai lần. Phiên bản đầu tiên, được tạo bằng Claude Opus 5.5 ở thiết lập Medium, được lưu trong legacy/. Phiên bản thứ hai chiếm phần còn lại của kho lưu trữ.

Theo tài liệu dự án, mọi thứ trong kho lưu trữ đều được mô hình tạo ra. Định hướng sáng tạo chỉ giới hạn ở việc sử dụng thiết kế nhân vật Clawd và tạo hình ảnh, hiệu ứng chuyển cảnh thú vị cho từng lời bài hát. Không có ý tưởng cảnh riêng lẻ nào được chỉ định.

Cách hoạt ảnh hoạt động

Video được chia thành chín chương, với một tệp nguồn cho mỗi chương. Các khung hình được vẽ trên một trang trình duyệt bằng p5.js và p5.brush. Một tập lệnh kết xuất Node.js mở trang đó trong Chrome không giao diện, chụp các khung hình và sử dụng ffmpeg để mã hóa chúng cùng với tệp âm thanh đi kèm.

Các tệp và thư mục quan trọng

• src/ch/ chứa chín tệp chương.
• src/ chứa mã dùng chung cho Clawd, các nhân vật khách mời, đạo cụ, lời bài hát và dòng thời gian.
• studio.html là trang mà mọi khung hình được vẽ bằng p5.js và p5.brush.
• render.mjs kết xuất khung hình qua Chrome không giao diện và gọi ffmpeg để tạo tệp MP4.
• assets/pdoom.mp3 là bài hát đi kèm.
• STORYBOARD.md chứa kế hoạch từng cảnh do mô hình tạo ra.
• ANIMATION_GUIDE.md chứa hướng dẫn về phong cách và lập trình dành cho các tác nhân phụ chạy song song.
• legacy/ lưu phiên bản đầu tiên của dự án.

Điều kiện tiên quyết

Trước khi kết xuất video, hãy cài đặt các công cụ sau:

• Node.js để cài đặt các phần phụ thuộc và chạy render.mjs.
• Google Chrome để vẽ các khung hình trong trình duyệt không giao diện.
• ffmpeg để kết hợp các khung hình đã kết xuất và bài hát thành tệp MP4.

Hãy đảm bảo Node.js và ffmpeg có thể được gọi từ dòng lệnh. Chrome nên được cài đặt tại vị trí mặc định trên Windows, trừ khi bạn dự định cung cấp đường dẫn rõ ràng.

Cài đặt dự án

Mở một cửa sổ dòng lệnh tại thư mục gốc của kho lưu trữ và cài đặt các phần phụ thuộc Node.js:

npm install

Kho lưu trữ đã bao gồm bài hát tại assets/pdoom.mp3, vì vậy quy trình được mô tả không yêu cầu tải xuống một tệp âm thanh riêng.

Kết xuất các khung hình hoạt ảnh

Chạy tập lệnh kết xuất với khoảng khung hình được ghi trong tài liệu và bốn worker:

node render.mjs --frames=0:156.6 --workers=4

Lệnh này vẽ các khung hình video vào out/frames. Quy trình kết xuất khung hình có thể tiếp tục từ phần đã hoàn tất, rất hữu ích vì việc tạo toàn bộ video ca nhạc có thể mất thời gian.

Tùy chọn --workers=4 cấu hình lệnh sử dụng bốn worker kết xuất. Nếu thay đổi giá trị này, hãy chọn số worker phù hợp với tài nguyên hiện có trên máy tính của bạn.

Mã hóa tệp MP4 cuối cùng

Sau khi các khung hình đã được kết xuất, hãy kết hợp chúng với bài hát đi kèm:

node render.mjs --encode --out=out/pdoom.mp4

Lệnh này sử dụng ffmpeg để ghép các khung hình đã kết xuất với âm thanh, sau đó ghi video hoàn chỉnh vào out/pdoom.mp4.

Sử dụng đường dẫn Chrome tùy chỉnh

Nếu Chrome không được cài đặt tại đường dẫn mặc định trên Windows, hãy thêm tùy chọn --chrome vào lệnh kết xuất:

node render.mjs --frames=0:156.6 --workers=4 --chrome=<path to chrome>

Thay <path to chrome> bằng đường dẫn đến tệp thực thi Chrome của bạn.

Khám phá và chỉnh sửa quá trình sản xuất

Bắt đầu với storyboard

Đọc STORYBOARD.md trước khi thay đổi các cảnh. Tệp này mô tả kế hoạch từng cảnh được tạo sau lần đầu tiên, khi Claude được hướng dẫn sử dụng các nét cọ P5, giữ cho mọi cảnh hấp dẫn về mặt hình ảnh và chuyển tiếp từng cảnh sang cảnh tiếp theo.

Làm theo hướng dẫn hoạt ảnh

Sử dụng ANIMATION_GUIDE.md làm tài liệu tham khảo về phong cách và triển khai của dự án. Claude Opus đã viết tệp này để hướng dẫn các tác nhân phụ chạy song song, khiến đây trở thành tài liệu phù hợp nhất để duy trì tính nhất quán giữa các tệp chương.

Chỉnh sửa từng chương độc lập

Chín tệp trong src/ch/ chia video thành các phần dễ quản lý. Khi thay đổi một phần cụ thể của video, trước tiên hãy xác định chương tương ứng, sau đó tham khảo mã dùng chung về dòng thời gian, lời bài hát, nhân vật và đạo cụ trong src/.

So sánh cả hai phiên bản

Thư mục legacy/ cung cấp phiên bản được tạo đầu tiên. So sánh phiên bản này với mã nguồn hiện tại có thể giúp bạn hiểu cách định hướng hình ảnh, hướng dẫn về nét cọ P5 và hiệu ứng chuyển cảnh đã phát triển trong lần tạo thứ hai.

Mẹo quy trình nâng cao

• Bảo toàn đầu ra có thể tiếp tục: Vì các khung hình đã kết xuất được ghi vào out/frames và quy trình có thể tiếp tục, hãy tránh xóa thư mục đó khi tiếp tục kết xuất bị gián đoạn.
• Tách biệt việc kết xuất và mã hóa: Hoàn tất lệnh tạo khung hình trước khi chạy lệnh mã hóa. Điều này giúp bạn dễ dàng tiếp tục quá trình kết xuất khung hình tốn nhiều thời gian mà không cần lặp lại bước mã hóa cuối cùng.
• Kiểm tra mã dùng chung trước khi thay đổi trên diện rộng: Nhân vật, đạo cụ, lời bài hát và hành vi dòng thời gian được dùng chung trong src/. Một thay đổi tại đó có thể ảnh hưởng đến nhiều chương.
• Sử dụng nền tảng mới hơn cho các dự án khác: Tác giả khuyến nghị ClaudeAnimationBase làm nền tảng đáng tin cậy và tổng quát hơn để tạo các hoạt ảnh Claude mới với Claude Opus 5.5.

Tín dụng và tài liệu tham khảo

Dự án được lấy cảm hứng từ một bài đăng trên X. Theo README, trong phạm vi tác giả có thể xác định, bài hát bắt nguồn từ một video YouTube năm 2024.

Kết luận

Kho lưu trữ này cung cấp cả một hoạt ảnh tạo sinh hoàn chỉnh lẫn cái nhìn đầy đủ về cấu trúc sản xuất do mô hình tạo ra. Khi đã cài đặt Node.js, Chrome và ffmpeg, bạn có thể kết xuất các khung hình, mã hóa âm thanh đi kèm, xem storyboard và hướng dẫn hoạt ảnh, đồng thời khám phá cách chín chương p5.js kết hợp thành video ca nhạc hoàn chỉnh.