发布视频重制对比

请告诉我：我的产品名称、一个徽标（或者让我画一个简单的标记）、我的品牌颜色（或者从我的徽标中提取）、用户在提示框中输入的一行文字、回答该提示的页面（标题 + 2-3 句话，包含一个关键词）、堆叠卡片的两个功能名称，以及一首背景音乐。如果我省略了任何一项，则使用默认值：产品“Frame by Frame”（位于其 Whop hub 内）、取景器标记（四个角括号括起来的粗体“FF”）、提示“为我的应用制作发布视频”、名为“2.1 选择参考资料”的课程页面、“发布”和“声音”卡片，以及 Mixkit 的免费 house 音乐“Rising Forest”（速度放慢至 124 BPM。

一段 12 秒的方形产品宣传片，分辨率为 1080x1080，帧速率为 29.97 fps（f0–f359），最终渲染帧速率为 59.94 fps。画面风格类似苹果发布会：柔和、白色、亮蓝色、光滑。镜头切换始终在静止画面上：每个镜头都以运动状态进入（指数缓退，每帧剩余距离的 12%–19%），并以加速运动或模糊渐变结束。模糊效果会随着每次运动的速度和方向而变化。
配色方案：我的品牌颜色对应这些角色；如果没有指定，则使用以下颜色：#FDFDFB（浅蓝色）、#B7CFEB（雾霾色）、#E6F0FA（冰蓝色）、#294376 → #769CC2（天空渐变色）、#1E2F52（海军蓝）、#2F6BFF / #3CC8F0 / 薄荷绿 #4ED6A0（强调蓝）、白色。字体： Inter （400/500/600/700）。任何位置均不使用紫色、紫罗兰色、品红色或橙色。
故事：产品标题从浅色应用程序窗口内的蓝色薄雾中升起 → 光标滑入，转向目标，悬停时变大并点击徽标 → 音乐响起，画面硬切到应用程序图标，图标上有四个方块围绕成十字 → 图标折叠成 Mac 菜单栏 → 光标点击菜单栏图标，一个磨砂玻璃提示框弹出，提示信息输入 → 镜头快速向上倾斜，穿过浅蓝色闪光，进入滚动到位的答案页面 → 一张卡片升起在答案页面上方 → 模糊淡入到两张堆叠的卡片，卡片上有巨大的磨砂玻璃标题 → 模糊淡入到单独的徽标圆盘 → 硬切到带有发光文字商标的黑色结束卡片。
禁用：淡入淡出、冻结帧（S7 中有一个按住除外）、标准 UI 套件、UI 文本发光、Math.random、任何看起来像模板的东西。

坐标以像素 (px) 为单位，基于 1080 分辨率的舞台。音乐节拍 k = 0.048 + 0.4838·ks（124 BPM，一个节拍 = 14.5 帧）。三个硬切点 f72、f101 和 f159 分别位于节拍前 2 帧：请保留这些精确的帧。
S1 f0–71，标题 + 窗口 + 点击：#B7CFEB 雾霾在 f28 处淡入 #FDFDFB，底部保持蓝色地板光晕 #DBEEFD。标题单行显示：logo 圆盘 ⌀132 (#FBFCFE，1px 边缘 #E8E8EA，深色标记)，产品名称 (Inter 500)，一颗深色胶囊药丸“在 Whop 上”(#2F2E2F，白色文字)；整个锁定区域跨越 x474–1063，中心线上升 y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37)，之后每帧漂移 1 像素。名称在 f2 处模糊显示，药丸在 f4–5 处严重模糊，并在锐化时向左滑动 15 像素。一个光晕窗口（半径 93，填充色 #FCFDFF，顶部边框色 #F1F6FF，蓝色内底光晕）在其周围淡入：不透明度从 0 到 f14，f15 为 0.53，f19 为 0.7，f24 为 1.0；位于左上角 (408,405)，延伸至右侧和底部。窗口内部：顶部边框内有一个搜索框，左侧有一个图标列（课程图标位于 (537,739)，聊天图标位于 (537,900)，呈淡入效果），以及一个位于 (764,700) 的课程卡片（位于画面外），卡片包含封面图片、标题和“课程 · 8 节课”字样。 Cursor （黑色 macOS 箭头，白色轮廓，32x39）出现在 f27 处（891,393），向左滑行并减速至 f44 处（770,383），旋转指向左下 f47–51 处并俯冲，落在圆盘右下角（629,564）f56 → (587,546) f59 → (555,531) f71 处；从 f56 处悬停时放大 1.55 倍；从 f53 处开始，圆盘周围亮起一个柔软的冰环（#D5F3FF → #F7FEFF，外圈直径 ⌀174）。相机缩放至 (540,540): 1.0 f46 → 1.2 f60 缓入缓出，保持 f61，然后缓出加速至 f71 的 1.04，同时光标按下（缩小 15% f69–71）。
S2 f72–100，图标 + 轨道：海军蓝圆角矩形应用图标（#294376 → #1E2F52，白色标记），在 f72 处为 276 像素，逐渐缩小至 f86 处的 178 像素，半径为宽度的 28%，位于灰色光晕圆盘 #E9E9E7 上，直径从 f75 处的 240 像素增大到 f86 处的 326 像素。四个 92 像素的正方形（半径 26）逆时针旋转，逐渐减速，并在轨道半径约为 f86 处锁定成十字形：左侧为白色（1 像素 #E3E8EF 边缘 + 淡淡阴影），顶部为 #2F6BFF，右侧为 #3CC8F0，底部为 #4ED6A0。 f88–100：图标加速缩小至 ≈40 像素，方块滑入其右侧的一行（白色滑到图标后面），模糊渐变为 0.3 → 6 像素。
S3 f101–158，菜单栏 + 提示：黑色笔记本电脑边框上方为白色页面（y425–475，顶部高亮 #686866），深蓝色菜单栏（y477–538），下方壁纸为带有白色细线图案的蓝天渐变（一个大圆、两条水平线、一条垂直线、交叉点处有一个四点闪光，右上角有柔和的蓝绿色光晕）。菜单栏右侧白色区域：Wi-Fi、电池、切换按钮、产品标记（x531–584）、三个 ⌀36 点（#2F6BFF / #3CC8F0 / #4ED6A0，x612、661、709）以及“Mon Jun 22 9:41 AM”（34 像素）。进入模糊 3 像素，并在 f110 处稳定。 Cursor从下方上升（f102），停留在标记上，按下 f113–117。镜头向右平移内容 +125 像素，帧率 f115–130（最快 f118–120）。一个磨砂玻璃盒（天空上方为蓝白色玻璃，顶部边缘明亮，半径 60）从 f116 标记下方弹出：宽度在 f126 处达到峰值 744，在 f138 处稳定在 726x228，坐标约为 x196–922，y568–797。提示信息从 f121（第一个可辨认的“Make”）到 f150（完成）以大约每帧 1 个字符的速度输入，每 2–3 个字符暂停 1 帧；光标始终显示；底部有三个白色轮廓图标；发送按钮 #2F6BFF ⌀51，带有一个白色向上箭头。从 f136 开始，整个场景向上漂移，加速进入鞭状倾斜（f158 移动 ≈25 像素/帧，垂直模糊 ≈6-8 像素），同时页面在 f154-158 处着色为 #E6F4FE。
S4 f159–186，答案页：一个轻量级的课程页面（面包屑导航、标题、正文）：文本列宽 x120，正文宽度 47 像素， Inter 400 像素，灰色 #BCBCBA，行距 58，一个关键词（“逐帧”），黑色 600 像素。它以模糊效果出现，位置偏低 420 像素，向上滚动偏移量为 420、315、210、170、140、116、96、81 (f166) … 14 (f175) … 0 (f180)，然后在 f186 处向下移动 -6 像素。模糊效果从 24 像素 (f159) → 1.5 像素 (f165) → 0。在 f165 处，闪烁 #E2F4FE 并淡入 #FDFDFB。一个指向正上方的光标沿着滚动条移动，停在关键短语 (≈(450,591) f180) 下方，然后向右漂移。
S5 f187–214，卡片：一张白色卡片（x203–878，超出底部）升起至页面上方：封面图像 627x536 像素，内嵌 24 像素，半径 64 像素，顶部中心有一个浅色抓取条，标题为半粗体黑色，38 像素，副标题为灰色，23 像素。封面顶部 y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205)，然后持续向上漂移，每帧约 4 像素。卡片模糊在 f189 处达到峰值 3.8 像素，在 f201 处清晰；其后的页面模糊至约 2.5 像素。f207–214 处：卡片缩小约 5% 并向上移动，同时整个画面模糊 1 → 7 像素；在模糊峰值处截断。
S6 f215–244，两张卡片：白色页面，两张堆叠的卡片，尺寸为 538x348（半径 57，间距 36），中心位于 x540，上层卡片在 f230 处位于 y168，下层卡片位于 y552。每张卡片均包含：封面图（无文字嵌入），左上角磨砂药丸（“模块 3”/“模块 5”），右上角磨砂圆形“•••”，以及底部边缘巨大的粗体标题（由磨砂玻璃制成，是与文字重叠的模糊、浅色图像，被卡片底部边缘截断）：“Launch”和“Sound”。两张卡片均以 12 像素的模糊效果进入，并在 f224 处清晰显示；上层卡片以 8% 的尺寸进入，并从 y264 处上升；下层卡片从 y927 处上升，错位排列在其后方。它们以每帧 3 像素的速度向上漂移 f230–238，然后加速向上并模糊地消失在画面中。
S7 f245–300，标志盘：页 #FDFDFB，盘 ⌀168 #F6F6F6 带有深色标记，上升到中心（顶部 y569 f245 → 491 f250 → 468 f255 → 456 f269），在切帧上有一个垂直涂抹，保持静止 f269–287（唯一冻结的片段），然后缩小，在 f300 时加速到 ⌀123。
S8 f301–359，片尾卡：黑色放射状背景（#020204 角，文字周围≈#272729），文字商标采用Inter 600 字体，白色 #F3F3F5，带有紧密的光晕和宽阔的柔和光晕，居中 (540,540)。文字宽度：≈1650 像素 f301（水平涂抹，缩放拖影）→ 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342（≈1 像素/帧缩小）→ 492 f350，然后缓入折叠：450 f355 → 267 f359，模糊逐渐增加至 3.5 像素。影片在折叠过程中结束。

1. 一个 1080x1080 的HTML页面，使用 seek(t) 函数根据帧号绘制。不使用CSS过渡效果、定时器或 Math.random（仅使用带种子的哈希值）。镜头记录为 {f0, f1, render(localFrame)}。
2. 每个值在帧号内都是连续的（59.94 主渲染的是半帧）：使用关键帧表 kf(帧, [[f, 值],...], ease) 和逐帧查找表进行动画制作，并采用线性插值。运动过程中不使用 Math.floor 函数。
3. 模糊：圆形模糊使用CSS滤镜模糊，方向性模糊使用带有独立 x/y 标准差的SVG feGaussianBlur。片尾卡片上的缩放模糊效果由 20-30 个缩放并淡化的文字副本组成。磨砂玻璃效果由模糊并提亮的底图副本组成，并裁剪至特定形状。
4. Cursor：一个SVG macOS 箭头（黑色填充，白色轮廓，柔和阴影），可旋转和缩放，在 S1、S3、S4 中重复使用。
5. 音效（无语音），时长 12.075 秒：音乐，124 BPM，轻柔的引子，2.47 秒处出现高潮（第 5 拍，f72 切分音提前 2 帧）。合成音效：0.10 秒处有轻微的冲击声；2.402、3.370、5.305 和 10.043 秒处有呼呼声；6.240 秒和 8.175 秒处有过渡音；2.33 秒和 3.83 秒处有咔嗒声；4.04 秒至 5.00 秒之间每隔约 32 毫秒有非常轻微的按键声；10.05 秒处有轻微的闪烁声。母带音量为 -14 LUFS，真实峰值 -1 dBTP，除最后 60 毫秒外无淡入淡出。
6. 使用Playwright渲染（每帧一个屏幕截图，先加载字体），以 60000/1001 编码 H.264 yuv420p，复用音频。

字体加载完毕后再测量文本。较长的产品名称无法容纳之前5个字母的名称：缩放整个锁定区域（光盘间隙、名称、药丸）以适应x474–1063的范围，确保药丸不会超出画面。白色轨道方块在没有1像素边缘和淡淡阴影的情况下会在白色页面上消失。不要将带有自身文本的图像放在S6卡片内，否则玻璃标题会重复出现。即使切割帧不在节拍上，也要保持其精确。除S7 f269–287外，其他任何内容都不会冻结。过高的模糊度可能会完全抹去形状：如果帧看起来是空白的，请降低模糊度，直到形状仍然清晰可见。

请告诉我需要哪些输入。然后在渲染完整影片之前，给我看4张静帧截图（f40窗口标题，f86图标十字，f150完成提示，f230两张卡片）。

Ask me for: my product name, a logo (or let you draw a simple mark), my brand colours (or pull them from my logo), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: my brand colours mapped onto these roles; if I give none, use page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

提示取自 邮政 @notdwd.