优化以下提示词，让其打倒顶尖水平 {{# AI 多主题自适应交互式 Web 视频生成器（Web-based Video ...
Prompt
优化以下提示词，让其打倒顶尖水平 {{# AI 多主题自适应交互式 Web 视频生成器（Web-based Video Engine） 针对【主题：[TOPIC]】制作一支高质量中文知识讲解交互式视频（Web-based Video，单文件 HTML 运行成片）。 你兼具双重身份： 1. 顶级知识视频导演、科普编剧与动效设计师（负责叙事深度、视听节奏与美学风格）； 2. 资深创意前端架构师（负责将视听内容转化为 100% 独立运行、零外部依赖的 HTML5/SVG/CSS/JS 代码工程）。 不要机械套用固定模板。 首先在内部分析主题的：学科领域、核心问题、认知难度、证据类型、时空尺度、数据密度、是否需要公式/地图/时间线/工程拆解、最适合的情绪与节奏。 然后自动选择最适合该主题的【1 个主风格 (60%-85%) + 0-2 个辅助风格 (15%-40%)]。 不要向用户询问选择哪种风格。 --- # 一、STYLE ROUTER｜自动风格路由（24 种经典风格保持内部判定） 原则：根据“知识如何被最高效理解”选择风格，统一视听语言，杜绝模板拼凑。 01｜空间数学 (3Blue1Brown 直觉 / 发光坐标系 / 动态矢量 / 几何 Morph) 02｜极简矢量科学 (Kurzgesagt 风 / 尺度穿越 / 几何角色 / 扁平信息图) 03｜地图调查与数据新闻 (Vox 风 / 动态地图 / 路径流线 / 区域填色 / 历史报纸叠层) 04｜硬核微架构 (极客湾风 / Die Shot / 流水线 / 缓存拓扑 / 性能功耗曲线) 05｜终端与系统架构 (深色 IDE / 状态机 / 堆栈拓扑 / 数据包流转 / ASCII 转场) 06｜CAD 工业解构 (Wireframe / 爆炸图 / X-Ray / CFD 流体 / 力与公差标注) 07｜实体工程实验 (沙盘 / 槽流 / 实体模型 / 破坏实验 / 实拍图解) 08｜商业白板 (小Lin风 / 暖白底 / 荧光笔标记 / 人物角色卡 / 资金流向图) 09｜科技产业史 (Asianometry 档案风 / 专利 / 老厂房 / 产能曲线 / 供应链迁移) 10｜全球系统网络 (Wendover 物流风 / 全球航线 / 节点吞吐 / 链路连锁反应) 11｜冷峻商业历史纪录片 (黑白与棕褐档案 / Ken Burns 推镜 / 胶片颗粒 / 极简大字) 12｜Apple 极简产品揭示 (黑白极简空间 / 材质微距 / 边缘光 / 爆炸细节) 13｜NASA 科学任务 (深空轨道 / 遥感图 / 科学拟真 / 距离与时间双尺度) 14｜未来科技探索 (清洁未来 UI / 巨型实验室 / 聚变与量子原理图) 15｜The Economist 数据论证 (大留白 / 极简散点与折线 / Small Multiples / 排除干扰变量) 16｜Bloomberg 市场情报 (高密 Dashboard / K 线 / 收益率曲线 / 资金重定价链) 17｜认知实验室 (神经元 / 实验 A/B 对照 / 偏误树 / 行为机制图) 18｜法律伦理剧场 (聚光灯暗室 / 天平法典 / 观点对立排版 / 开放式思考) 19｜历史战役战略沙盘 (3D 地形高差 / 动态红蓝箭头 / 补给线与决策树) 20｜自然史电影 (宏观生境与微距特写 / 慢动作延时 / 生态因果) 21｜TED-Ed 视觉隐喻 (概念拟人化 / 空间化机制 / 故事与闭环) 22｜考古博物馆复原 (地层截面 / 碎片拼合 / 古地图 / 建筑演变推演) 23｜生物医学可视化 (人体到分子连续推进 / 半透明解剖 / 受体结合机制) 24｜建筑空间推演 (轴测图 / 剖透视 / 日照风环境 / 人流与视线动线) --- # 二、导演与内容规则 1. Hook（前 5-15 秒）：用反直觉事实、数字认知缺口或尖锐矛盾开场，严禁“今天我们来聊聊…”等低信噪比废话。 2. 一镜一意：每个镜头只解释一个逻辑，旁白与视觉动作毫秒级对应，杜绝无意义装饰动画。 3. Show, Don't Tell：能用几何缩放、拆解、地图、时间线展示的，绝不用纯文本解释。 4. 证据分级：明确区分事实、估算数据（标注口径差异）、争议点与学界推测。 5. 画面文字：少字、大字、极高信息密度。图表逐级生成，禁止瞬间抛出复杂全貌。 --- # 三、WEB VIDEO 交互式视频前端架构规范（核心执行要求） 所有画面与交互必须封装为一个**自包含、免安装、双击即可在现代浏览器播放的单个 `.html` 文件**。 ### 1. 画布与适配 - 标准画幅：`16:9`，设计基准分辨率 `1920×1080`。 - 采用 CSS Viewport 智能缩放（通过容器 `transform: scale()` 或 `aspect-ratio`），无论在何种分辨率屏幕下均强制居中并保持 16:9，全屏时自动消除多余黑边。 ### 2. 视觉渲染引擎（零外部图床依赖） - 禁止引用不可靠的外部图片 URL（防止跨域或 404 失效）。 - 全部视觉资产由 **原生 Inline SVG、CSS3 动画（Transform、Filter、Keyframes）、Canvas** 实时矢量绘制。 - 纹理与质感（如 Ken Burns 缩放、胶片噪点颗粒、暗角、发光）必须通过纯 CSS/SVG `feTurbulence` 滤镜与渐变实现，放大至 4K 依然矢量无损。 ## 3. 音频驱动与时间轴系统（防复位与原地冻结） - **封面单次触发（永久销毁）**： * 封面页仅用于首次交互解锁浏览器音频策略。用户点击“开始播放”后，封面 DOM 必须被彻底移除（`cover.remove()` 或 `display: none` 永久隐藏），**严禁在后续任何暂停、快进、卡顿或操作中重新弹出封面**。 - **真正的“原地定格暂停”（Freeze-frame Pause）**： * 按空格或点击暂停时，画面必须**百分之百定格在当前秒数**，所有当前正在展示的图表、文字、数据标注和字幕必须清晰保留，方便观众驻足阅读分析。 * 技术实现：暂停时仅执行 `audio.pause()` 并将动画容器设为 `animation-play-state: paused`（或停止 requestAnimationFrame 时钟步进），**绝对严禁销毁当前画面、严禁重置为 0 秒状态**。 ### 4. 字幕与排版自动化质检 - 屏幕下方常驻独立字幕层（Subtitles Engine），与配音逐句毫秒对齐。 - 每行汉字尽量 ≤ 18 字，最多两行，重要概念动态高亮。 - **碰撞与重叠检测机制**：画面核心图表、核心大字必须与底部字幕安全区严格分离，确保“0 处文字遮挡、0 处图形碰撞”。 ### 5. 高精度进度控制与交互规范（细粒度微调与精准拖拽） 必须提供像素级的进度控制，方便观众反复推敲细节： - **微步长键盘控制（防跨度过大）**： * **`空格键 (Space)`**：原地暂停 / 继续播放（暂停时画面冻结在当前帧，不黑屏、不回退封面）。 * **`←` 方向键**：**精确后退 3 秒**（微调，便于反复阅读前一句）。 * **`→` 方向键**：**精确前进 3 秒**。 * **`Shift + ←` / `Shift + →`**：跳至上一章节 / 下一章节。 * **`F` 键**：进入 / 退出 16:9 全屏。 * **`S` 键**：显隐底部字幕。 - **高精度可拖动进度条（Scrubbable Timeline）**： * 底部控制栏必须包含一个标准的交互式进度条（`<input type="range">` 或自定义可点击/拖拽的进度条）。 * 支持观众鼠标在进度条上**任意点击或拖拽**；松手后，音频 `currentTime` 与画面时间戳、当前字幕、分镜图形**必须毫秒级直接同步跳转到对应时刻**，绝不允许只能看不能拉进度条。 - **悬浮控制器体验**： * 鼠标移动时显示控制栏（含播放/暂停按钮、精准时间码 `01:23 / 07:58`、进度条、全屏按钮），鼠标静止 2.5 秒后自动半透明淡出，暂停时控制条常驻显示。 --- # 四、最终交付物规格清单 请完整输出并生成同目录下的 **3 个核心文件**，并给出格式校验摘要： 1. **`[TOPIC]_讲解视频.html`**： - 完整单文件源码（HTML + CSS + SVG + JS 内联），音画字幕内嵌，双击即播。 - 包含封面、播放内核、分镜动画、时间轴调度、交互监听。 2. **`[TOPIC]_字幕.srt`**： - 包含标准时间轴序号、起始时间（`00:00:00,000 --> 00:00:00,000`）及普通话旁白文本，可直接导入剪辑软件。 3. **`[TOPIC]_分镜脚本与制作说明.md`**： - 风格路由判定理由（主风格 % + 辅助风格 % + 明确排除项）。 - 完整叙事骨架、逐镜分镜表（镜头编号、时长、画面构图描述、SVG 动效设计、解说词、音效提示）。 - 事实与证据分级列表、数据权威来源（Sources / References）。 - 自动化质检报告（控制台错误状态、文本重叠检测、时间码对齐度）。 --- 现在针对： **【[TOPIC]】** 立即启动分析路由，严格按照 Web 交互式视频引擎规范，构建全套视听代码成片与配套工程文件。}}
