Hé lộ cuộc trò chuyện ChatGPT

Một cuộc trò chuyện ChatGPT được render theo hình học gốc của ứng dụng.

Một câu hỏi được gõ vào ô soạn khi bàn phím đang hiện, rồi câu trả lời chảy về từng chữ, kết thúc ở thương hiệu của bạn.

Đâ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.

Khi nào nên dùng

Dành cho các sản phẩm mà mọi người có thể hỏi một trợ lý về, và cho khung khuyến nghị: câu trả lời gọi tên bạn. Định dạng này hoạt động tốt với khán giả dùng các công cụ này hằng ngày.

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

Toàn bộ định dạng dựa vào độ trung thực. Nó được ghi lại theo tỷ lệ thật của ứng dụng và co giãn mà không bị kéo dãn, vì một mockup trò chuyện có hình học hơi sai sẽ lộ ngay với bất kỳ ai dùng ứng dụng.

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ó: không có, nó được render chỉ từ nội dung và thương hiệu của bạn.
  • Mã mẫu: chatgpt-chat.

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.

Vì sao hình học lại quan trọng đến vậy?

Bất kỳ ai dùng ứng dụng hằng ngày đều nhận ra khi tỷ lệ sai, và họ không nói được vì sao, chỉ thấy là trông lạ. Nó được ghi lại theo hình học ứng dụng thật và co giãn không bị kéo dãn, đó là khác biệt giữa một bản ghi màn hình và một bản phỏng theo.

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 chatgpt chat-reveal 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á