Thiết lập: Công cụ tạo quảng cáo UGC

Hãy yêu cầu tôi cung cấp: tên sản phẩm và một lời hứa ngắn gọn, 3 đến 5 điểm nhấn giao diện người dùng, một màu chủ đạo, 10 đến 20 video clip dọc thực tế mà tôi sở hữu, và một bài hát miễn phí bản quyền có đoạn cao trào rõ ràng (ví dụ: Mixkit, miễn phí cho mục đích thương mại).

Phong cách tối giản cao cấp. Mỗi khung hình chỉ thể hiện một ý tưởng, nhiều khoảng trống, một màu nhấn, một phông chữ sans serif đơn giản (Geist hoặc Inter) với khả năng theo dõi chuyển động mượt mà. Hiệu ứng chữ ẩn, cắt cảnh liền mạch, ngôn ngữ quay phim nhất quán. Chỉ sử dụng cảnh quay thực, không dùng thẻ giữ chỗ. Không có dấu chấm trong văn bản hiển thị trên màn hình.
Bị cấm: vòng sóng xung kích, vụ nổ hạt, tách màu RGB, rung máy, lóe sáng ống kính, ánh sáng neon, sàn lưới, nền nhấp nháy, hiệu ứng chuyển động nảy.

10 nhịp, mỗi nhịp 120 BPM, 2 giây.
Nhịp 1: Điệp khúc vang lên từng từ một theo nhịp điệu.
Thanh 2: một từ khóa thu hút sự chú ý biến đổi thành giao diện người dùng của sản phẩm. Con trỏ chuột gõ và nhấp chuột.
Hiệu ứng rơi: một vòng tròn mở ra từ nút bấm, dẫn vào một khung cảnh tối tăm.
Sau đó, mỗi thanh hiển thị một hiệu ứng: một bức tường gồm các đoạn video thực với một đường quét và 3 người chiến thắng, kết quả chính được hiển thị bằng chữ lớn, một băng chuyền 3D gồm các video thực với hiệu ứng phản chiếu trên sàn và hiệu ứng làm mờ chuyển động, chuyển tiếp đến một đoạn video chính, nhân vật chính xuất hiện trên điện thoại bên cạnh một bảng hiển thị kết quả, số liệu thống kê lớn trên các đoạn cắt nhanh, một dòng chữ chạy gồm 3 từ, sự xuất hiện của logo, và cuối cùng là hiệu ứng mờ dần sang màu đen.

1. Một tệp HTML duy nhất với độ phân giải 1920x1080. Mọi kiểu định dạng đều được tính toán từ thời điểm bên trong tệp.
http://
window.seek(t): không có hoạt ảnh CSS, không có bộ hẹn giờ, không có trạng thái giữa các khung hình.
2. Video thực: trích xuất các đoạn video thành chuỗi JPEG 30 khung hình/giây bằng ffmpeg và hoán đổi nguồn ảnh cho mỗi khung hình. Lệnh seek chờ quá trình giải mã ảnh hoàn tất.
3. Phân tích bài hát bằng numpy: nhịp độ, lưới nhịp, năng lượng mỗi ô nhịp, đoạn cao trào. Hiệu chỉnh lưới nhịp sao cho khớp với các nhịp kick thực tế. Mỗi đoạn cắt đều nằm trên một phách mạnh, mỗi lần nhấn UI đều nằm trên một phách.
4. Kết xuất bằng Playwright: 3 khung hình phụ trên mỗi khung hình chính ở thời điểm t trừ, t bằng và t cộng 1/240 giây, sau đó kết hợp với ffmpeg tmix để tạo hiệu ứng làm mờ chuyển động thực ở tốc độ 60 khung hình/giây.
5. Đặt mỗi hiệu ứng âm thanh sao cho đỉnh âm thanh đo được, chứ không phải điểm bắt đầu của tệp, trùng với sự kiện. Giữ cho âm lượng hiệu ứng nhỏ hơn nhạc nền. Sử dụng Loudnorm ở mức -14 LUFS.
6. Kiểm tra ít nhất 20 khung hình trước khi kết xuất toàn bộ. Sửa chữa bất kỳ chi tiết nào bị rối, chồng chéo hoặc khó đọc.

Không bao giờ đặt độ mờ hoặc bộ lọc cho phần tử giữ nguyên 3D, vì điều đó sẽ làm phẳng và cả hai mặt đều hiển thị. Thay vào đó, hãy làm mờ lớp bao bọc của nó. Đo vị trí các phần tử trong thời gian chạy để khớp các đoạn cắt. Chỉ sử dụng nhạc và hiệu ứng âm thanh có giấy phép cho phép sử dụng thương mại.

Hãy hỏi tôi về các thông tin đầu vào, sau đó cho tôi xem bảng phân cảnh với đầy đủ thời gian trên lưới nhịp trước khi bạn viết bất kỳ đoạn mã nào.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Lời nhắc được lấy từ bưu kiện @twoclipping.