高端产品发布视频提示词
一份全面的提示词,用于使用 HTML/JS 生成节拍同步的产品发布视频,详细说明了输入项、创意方向、结构及构建步骤。
提示词
<inputs>
请向我询问以下内容:产品名称和一句核心承诺、3 到 5 个需要展示的 UI 时刻、一种强调色、10 到 20 段我拥有的真实竖屏视频片段,以及一首带有清晰高潮(drop)的免版税歌曲(例如来自 Mixkit,可免费商用)。
</inputs>
<direction>
高端极简风格。每个镜头只表达一个概念,大量留白,仅使用一种强调色,搭配一款简洁的无衬线字体(Geist 或 Inter)并采用紧凑字距。使用遮罩文字揭示效果、匹配剪辑,以及统一流畅的运镜语言。仅使用真实素材,绝不使用占位卡片。屏幕上的文字不使用句号。
禁止使用:冲击波光环、粒子爆发、RGB 分离、相机抖动、镜头光晕、霓虹光效、网格地板、闪烁背景、弹跳缓动效果。
</direction>
<structure>
共 10 个小节,速度为 120 BPM,每小节 2 秒。
第 1 小节:钩子文案逐字跟随节拍出现。
第 2 小节:其中一个钩子词汇变形过渡到产品 UI。光标进行输入和点击操作。
高潮部分:一个圆形从按钮中展开,进入暗色场景。
随后每个小节展示一个动作:一面由真实视频片段组成的墙,带有扫描线和 3 个优胜者;关键输出以大号文字呈现;一个包含真实视频的 3D 轮播,带有地面反射和动态模糊甩镜至单个主视觉片段;主视觉在手机中显示,旁边是一个翻转为结果的面板;在硬切点上展示大型统计数据;一个 3 词滚动条;Logo 揭示;淡出至黑屏。
</structure>
<build>
1. 创建一个 1920x1080 分辨率的单一 HTML 文件。所有样式均根据时间计算 https://t.co/aSbWNhjgSI(t):不使用 CSS 动画,不使用计时器,帧之间不保留状态。
2. 真实视频处理:使用 ffmpeg 将视频片段提取为 30fps 的 JPEG 序列,并按帧切换 img 源。seek 操作需等待图像解码完成。
3. 使用 numpy 分析歌曲:节奏、节拍网格、每小节能量、高潮点。将网格校准至真实的底鼓击打点。每次剪辑都落在强拍上,每次 UI 交互都落在节拍上。
4. 使用 Playwright 渲染:每帧渲染 3 个子帧,时间点分别为 t 减、t 当前、t 加 1/240 秒,然后使用 ffmpeg tmix 混合以实现 60fps 下的真实运动模糊。
5. 放置每个音效时,确保其测量到的峰值(而非文件起始点)与事件对齐。保持音效音量低于背景音乐。响度标准化至 -14 LUFS。
6. 在完整渲染前探测 20 帧或更多。修复任何杂乱、重叠或难以阅读的问题。
</build>
<gotchas>
切勿对 preserve-3d 元素设置 opacity 或 filter,因为这会导致扁平化并使两面同时可见。应改为对其包装容器应用淡入淡出效果。在运行时测量元素位置以实现匹配剪辑。仅使用许可证允许商用的音乐和音效。
</gotchas>
<start>
先向我询问输入信息,然后在编写任何代码之前,展示一个所有时间点都对齐节拍网格的分镜脚本。
</start>
如何使用这条提示词
- 1
复制上方完整的提示词。
- 2
打开支持 Claude Opus 5.5 的平台(例如 YouMind),把提示词粘贴进去。
- 3
按你的想法替换主体、风格或细节,然后生成。
这是 YouMind 提示词库里的一条免费 AI 提示词。这里还有成千上万条 视频 提示词,都能免费复制和改用。
探索更多 视频 提示词