hermoso
Đăng nhập Đăng ký
MCP & CLI
APIBảng giá
Đăng nhập Đăng ký

Carousel sản phẩm AirDrop

Một bảng chia sẻ AirDrop của iOS bật lên trên nền sản phẩm mờ, rồi một carousel thẻ sản phẩm di chuyển qua cửa sổ kèm tiếng chuông AirDrop.

Đây là một trong 13 mẫu quảng cáo HTML gốc trong Hermoso, các định dạng được render từ markup thật bởi trình duyệt thay vì được tạo bởi mô hình. Mẫu này xuất ra video, có 4 ô nội dung để bạn điền, và cần 3 ảnh sản phẩm từ thương hiệu của bạn trước khi chạy được.

Khi nào nên dùng

Dành cho việc trình bày một loạt hoặc nhiều biến thể trong một video, như màu sắc, kích thước hoặc một bộ sưu tập. Khung bảng chia sẻ cho carousel sản phẩm một lý do để tồn tại.

Điều cần làm đúng

Cần ba ảnh sản phẩm. Ít hơn thì carousel không có gì để di chuyển qua, và đó là lý do ứng dụng yêu cầu chúng ngay từ đầu thay vì thất bại khi render.

Tổng quan định dạng

  • Đầu ra: một video.
  • Ô nội dung: 4, mỗi ô có ngân sách ký tự riêng được suy ra từ bố cục thay vì ước đoán.
  • Tài nguyên cần có: 3 ảnh sản phẩm.
  • Mã mẫu: airdrop-carousel.

Mẫu này được render như thế nào

Không có gì ở đây được tạo bởi mô hình ảnh hay video. Định dạng là một trang HTML tự đủ với hoạt ảnh là hàm thuần của thời gian, không có keyframe CSS, bộ hẹn giờ hay tính ngẫu nhiên. Bộ render bước trang đó từng khung trong Chrome headless, chụp ảnh từng khung, và ghép chúng bằng ffmpeg thành tệp H.264 kết thúc bằng hiệu ứng chuyển mờ sang thẻ kết thúc thương hiệu của bạn.

Từ đó suy ra hai điều. Việc render có tính xác định: cùng đầu vào cho cùng một tệp, nên một định dạng trông đúng hôm qua sẽ trông đúng hôm nay. Và mọi chữ trên màn hình là văn bản thật do trình duyệt render, nghĩa là nội dung chính xác và sắc nét ở mọi độ phân giải. Toàn bộ chỉ tốn vài credit thay vì một lần tạo video, và đó là điều khiến các định dạng này khả thi để chạy với khối lượng lớn.

Mẫu này cần bao nhiêu ảnh sản phẩm?

Ba. Carousel chính là định dạng, nên nếu thiếu thì không có gì để di chuyển qua bảng chia sẻ. Hermoso yêu cầu chúng trước khi bắt đầu thay vì thất bại giữa chừng một lần render mà bạn đã trả tiền.

Cả 13 mẫu được liệt kê tại chỉ mục mẫu quảng cáo gốc, và danh mục rộng hơn nằm ở chỉ mục công thức sáng tạo.

Mẫu carousel sản phẩm AirDrop có thể truy cập từ Claude, Cursor, Codex hoặc bất kỳ client MCP nào khác cũng như từ studio web, với cùng nền tảng thương hiệu. Điều khiển một định dạng từ tác tử giải thích cách thiết lập.

Render một quảng cáo định dạng gốc chỉ với vài credit. Gói miễn phí không cần thẻ.

Bắt đầu miễn phí →   Xem giá