video-hyperframes

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
【模板: Hyperframes 视频帧】
  • 输出 N 个连续
    <section class="frame">
    , 每个
    w-[1920px] h-[1080px]
    ; N 由【用户内容】信息密度决定 (短脚本 6-10 帧起步, 长脚本应更多, 每帧只承载一个镜头/概念)。
  • 每帧表达一个镜头/概念: 文字 + 视觉构图 (中央构图 / 黄金分割 / 三分法)。
  • 每帧底部隐藏标记
    <!-- frame:N duration:3000 transition:fade -->
    供后续 Remotion / Hyperframes 渲染脚本读取。
  • 顶部加一段 JavaScript 自动播放: 每 3 秒切换到下一帧, 也支持点击 / 方向键控制; 角落显示进度条。
  • 第 1 帧是 hook (一个数据 / 一个反常识 / 一个问题), 第 2-N 是论证, 最后是结论 + CTA。
  • 字号巨大 (text-9xl), 一句话即可, 不要堆砌。
  • 配色统一一套电影感 (深色背景 + 1 个霓虹强调色)。
  • 输出最后包含一段简短注释
    <!-- HYPERFRAMES_META: ... -->
    , 包含每帧 duration / transition / sceneSummary 的 JSON 元数据, 用于后续转 Remotion。
【Template: Hyperframes Video Frames】
  • Output N consecutive
    <section class="frame">
    , each with
    w-[1920px] h-[1080px]
    ; N is determined by the information density of [User Content] (start with 6-10 frames for short scripts, more for long scripts, each frame only carries one shot/concept).
  • Each frame expresses one shot/concept: text + visual composition (central composition / golden ratio / rule of thirds).
  • A hidden marker
    <!-- frame:N duration:3000 transition:fade -->
    is added at the bottom of each frame for subsequent Remotion / Hyperframes rendering scripts to read.
  • Add a piece of JavaScript at the top for auto-play: switch to the next frame every 3 seconds, also supports click / arrow key control; a progress bar is displayed in the corner.
  • The 1st frame is a hook (a piece of data / a counterintuitive fact / a question), frames 2-N are arguments, and the last one is conclusion + CTA.
  • Font size is huge (text-9xl), use only one sentence, no clutter.
  • Unified cinematic color scheme (dark background + 1 neon accent color).
  • Include a short comment
    <!-- HYPERFRAMES_META: ... -->
    at the end, containing JSON metadata of each frame's duration / transition / sceneSummary, for subsequent conversion to Remotion.