hyperframes-video-composition

HyperFrames 视频合成

当任务是将图像、片段、旁白、音乐、字幕、UI 截图、生成素材或品牌素材组装成完整的 HyperFrames 视频时，请使用此技能。将 HyperFrames 视为制作合成运行时，而不只是代码目标：Agent 负责素材收集、画面／设计规范、媒体保管、时间安排、质量检查、来源记录和交付。

此技能与提供商无关，不会替你选择图像、视频、TTS 或音乐模型，而是指导你如何将获批素材和创意决策转化为确定性的 HTML/CSS/JS/HyperFrames 合成作品。

来源状态

以下记录的事实均基于这些来源；除非另有说明，已于 2026-07-11 核实：

• HyperFrames 官方文档和仓库：简介、快速入门、提示指南、GitHub 仓库，以及 CLI、core、engine 和 producer 的本地 HyperFrames 软件包 README。
• 本地 OpenMontage HyperFrames 桥接文件：C:\Users\ishan\Documents\OpenMontage\skills\core\hyperframes.md、tools\video\hyperframes_compose.py 和 lib\hyperframes_style_bridge.py。
• WCAG 2.2 快速参考：字幕、音频描述、对比度、音频控制、闪烁和非文本对比度：W3C WCAG 2.2 快速参考。
• 浏览器媒体行为：MDN 自动播放指南、MDN <video> 和 MDN <audio>。
• 来源信息术语：C2PA 技术规范 和 C2PA 概述。

易变信息：HyperFrames CLI 命令、软件包名称、Node/FFmpeg 要求、注册表区块名称、云端渲染支持、浏览器捕获行为、平台交付规格和社交平台安全区域都可能发生变化。制作时请重新核对已安装软件包的文档、npx hyperframes --help、npx hyperframes doctor 以及目标平台的交付文档。

制作原则

在你自己的笔记和客户更新中，将以下三类信息分开记录：

• 文档所述事实：在官方／本地文档或标准中找到的行为或要求。
• 实证观察：在此项目中通过预览、渲染、ffprobe、帧采样、转录或人工审核验证的内容。
• 制作经验法则：能够改善成品的实用规则，但并非正式要求。

遇到权利、许可、隐私、肖像权、客户品牌审批、平台政策、医疗／法律／金融声明、政治说服、受监管广告或未经核实的来源信息等问题时，应升级处理，不要猜测。不要提供法律建议；指出风险，并请客户、法律顾问、平台或权利人审批。

1. 需求收集：明确成片规范

编写 HTML 前，先用以下字段撰写一份简短的构思简报：

• 目的：视频必须让观众理解、感受或采取什么行动。
• 受众与场景：观众会在何处、以何种方式观看。
• 交付内容：宽高比、分辨率、时长、fps、是否包含音频、字幕要求、透明叠加层要求，以及所需文件格式。
• 运行时：HyperFrames，并说明它适用的原因，例如作品需要 HTML/CSS/JS 合成、可在浏览器中定位播放的动画、动态排版、UI 动效、生成媒体素材的组合，或注册表／区块式合成。
• 输入素材：已批准的素材、需要生成的素材、品牌材料、脚本、源视频、字幕、音频分轨、字体、数据、参考资料和版权限制。
• 审核关卡：脚本／节拍方案、设计帧、粗剪预览、音频／字幕检查、最终渲染。
• 不可妥协项：品牌规范、免责声明、无障碍目标、平台规则、客户审批要求和禁止使用的处理方式。

如果需求仍不明确，只询问会实质性改变结果的选项：目标时长、宽高比／平台、旁白还是以文字为主、品牌／风格参考，以及源素材是否已获准使用。

2. 先设计画面，再规划时间线

HyperFrames 合成会将浏览器画面捕获为视频。请按摄像机画面来设计，而不是按可滚动页面来设计。

编码前先制定画面／设计规范：

• 画布：宽度、高度、fps、宽高比、安全区域和出血策略。
• 视觉系统：背景、前景、强调色板、字体、字号体系、圆角半径、描边粗细、阴影、纹理／颗粒和动态强度。
• 布局规则：网格、边距、标题区域、字幕条、字幕栏、Logo 区域、产品／设备区域，以及图表／数据区域。
• 场景信息密度：屏幕上的最大字数、同时呈现的最大信息点、保证观众能读完的最短停留时间，以及层级规则。
• 动态规则：入场、强调、转场、退场、镜头／视差，以及适用时的减少动态效果替代方案。
• 音频规则：旁白作用、音乐作用、音效使用克制程度、静默节拍、分轨名称，以及客户指定时的目标响度规范。
• 无障碍目标：为语音音频配字幕、对比度目标、避免危险闪烁、关键信息不能只通过颜色传达，以及需要时提供文字稿或替代描述。

平台交付内容应为 UI 叠加层和字幕预留安全区域。平台安全区域尺寸可能变化；最终裁切和交付前，请重新核对目标平台当前的创作者／广告规范。

3. 场景架构

将作品规划为具有时间和层级的场景。实用的场景方案包括：

• scene_id：稳定的 kebab-case 标识符。
• start、duration、end：以秒为单位，并检查根据 fps 换算的帧数。
• purpose：吸引注意、铺垫、论证、演示、转场、行动号召、免责声明等。
• visual：画面中出现什么，以及这样安排的原因。
• text：准确的屏幕文案，不使用占位符。
• media：素材 ID 及其用法。
• audio：旁白片段、音乐提示、音效、静默或分轨闪避。
• animation：入场、强调、转场、退场和关键节拍。
• accessibility：字幕文本、对比度风险、闪烁风险和描述需求。
• qa：预览／渲染时需要检查的事项。

优先采用少量有力的场景，而不是大量单薄的切镜。对于社交媒体或发布推广内容，应将前 1-2 秒打造为真正吸引注意的开场；除非简报有要求，否则不要以 Logo 开场。

4. HyperFrames 编写约定

已记录的 HyperFrames 特性：

• HyperFrames 使用 HTML 定义视频。元素使用 data-start 和 data-duration 等计时属性；布局／时间线排序可使用 data-track-index。
• 当前快速入门文档指出，定时元素需要同时使用 class="clip"、data-start、data-duration 和 data-track-index；除非已安装的 CLI／项目文档另有说明，否则请在定时视觉元素上保留此 class。
• HyperFrames 支持在浏览器中使用 npx hyperframes preview 预览，并使用 npx hyperframes render 渲染为 MP4。
• 本地／官方文档将 Node.js 22+ 和 FFmpeg 列为必备项；请使用 npx hyperframes doctor 检查。
• 核心包包含解析器、生成器、计时编译、代码检查、运行时支持，以及用于可定位动画运行时的帧适配器。
• 引擎／制作器渲染路径使用无头 Chrome 和 FFmpeg 来捕获帧、编码视频和混合音频。

编写规则：

• 使用一个根合成，并为其设置清晰的 data-composition-id、明确的画布尺寸和确定性的初始状态。
• 在固定视频画布内使用绝对定位或严格网格；避免依赖视口默认值，以免意外触发页面流式布局。
• 为每个定时视觉元素设置稳定的 ID 或 class、开始时间、持续时间；涉及分层时还需设置轨道索引。
• 使用项目工作区内的相对路径存放媒体；切勿引用临时文件、可能发生变化的外部 URL，或其他运行时的公共文件夹。
• 页面加载后同步注册动画时间线。不要依赖无界计时器、网络竞态或用户交互。
• 为所有循环设定边界。GSAP 无限重复、仅依赖墙上时钟的动画、未存储种子的随机值，以及异步构建时间线，都会破坏确定性捕获。
• 如果最终渲染必须可复现，请固定外部脚本版本，或将脚本作为本地副本纳入项目。

根结构示例：

<main id="stage" data-composition-id="launch-hero" data-start="0" data-width="1920" data-height="1080">
  <section class="scene scene-01 clip" data-start="0" data-duration="5" data-track-index="0">
    <video class="bg clip" data-start="0" data-duration="5" data-track-index="0" src="./assets/hero-loop.mp4" muted playsinline></video>
    <h1 id="headline" class="clip" data-start="0.4" data-duration="3.8" data-track-index="2">Ship the impossible demo</h1>
    <p id="subline" class="clip" data-start="1.2" data-duration="3" data-track-index="2">A launch reel assembled from approved product captures.</p>
  </section>

  <audio data-start="0" data-duration="5" data-track-index="10" data-volume="0.45" src="./assets/music-bed.wav"></audio>

  <script src="./vendor/gsap.min.js"></script>
  <script>
    const tl = gsap.timeline({ paused: true });
    tl.from("#headline", { opacity: 0, y: 48, duration: 0.55, ease: "power3.out" }, 0.4);
    tl.from("#subline", { opacity: 0, y: 24, duration: 0.45, ease: "power2.out" }, 1.2);
    window.__timelines = window.__timelines || {};
    window.__timelines["launch-hero"] = tl;
  </script>
</main>

此示例仅展示结构，并非强制模板。

5. 媒体导入与管理

每项引入合成的资源都必须先有资源记录，之后才能在 HTML 中引用。

资源清单的最低字段要求：

• asset_id：场景计划以及 HTML 注释或元数据中使用的稳定 ID。
• type：图像、视频、音频、音乐、旁白、音效、字体、数据、Logo、字幕、LUT、文字稿等。
• source：用户提供、生成、授权素材、公共领域、第一方采集、合成或衍生。
• path：相对于工作区的路径和本地绝对路径。
• rights_status：已批准、待批准、受限、未知或依据政策生成。
• generation_metadata：生成内容的提供方／模型／版本／提示词／种子／设置。
• transformations：剪辑、裁剪、调整尺寸、色彩转换、降噪、放大、转码、归一化、背景移除。
• technical：已知时的宽度、高度、帧率、时长、编解码器、采样率、声道数、Alpha 和色彩空间。
• scene_links：使用该资源的场景 ID。
• provenance：父级资源、校验和、C2PA／内容凭证状态（如有）以及账本行。

实证生产检查：

• 在暂存每个视频／音频资源前，使用 ffprobe 或等效工具检查。
• 对于全画幅背景视频，先检查源素材的有效分辨率，再判断是否为 CSS 问题。将带黑边的低分辨率源素材放大到 1920x1080 容器中，画面内仍可能出现明显黑边。
• 如果浏览器捕获停滞或冻结，请将占用空间较大的素材／源视频片段重新编码为适合渲染的 H.264、恒定帧率、较短关键帧间隔，并启用 faststart。在清单中保留原始路径和转换后路径。
• 最终 HTML 中避免使用远程媒体 URL。请将文件下载或固定在本地，以免渲染和审计依赖外部服务。
• 使用相对于 HyperFrames 项目根目录的路径。

6. 时间线、时长、画幅和 fps

将时间视为经过审核的约定：

• 在制作动画前确定主 fps。仅当工具链和交付需求支持时才使用 24/30/60；制作时请核实当前制作工具/CLI 的支持情况。
• 将所有场景起始时间和时长转换为帧边界：frame = round(seconds * fps)。使用小数时要留意累积误差。
• 维护时间线表，列出场景起始时间、结束时间、音频片段、字幕片段和转场重叠时长。
• 不要让 CSS 转场时长在不知不觉中超过场景时长。
• 如果使用场景间重叠的转场，请在计划和 HTML 中明确表示重叠，不要将其隐藏在动画代码中。
• 对于多种画幅比例，请分别制定布局规范。除非需求明确允许，否则不要盲目地将 16:9 中心裁剪为 9:16。

安全制作经验法则：除非目标平台规范要求更大的安全区域，否则重要文字和徽标与画面边缘至少保持 5-10% 的宽度/高度安全边距。对于竖屏社交媒体内容，请在核对当前平台规范后，为字幕和平台 UI 覆盖元素预留额外空间。

7. 动画和转场

HyperFrames 适用于可定位、帧确定性的动画。

使用动画来明确层级：

• 入场：明确当前的重点。
• 强调：突出当前的想法、数字、产品功能或证据。
• 转场：引导观看者从一个节拍过渡到下一个。
• 退场：清理画布，不要留下视觉残留。

良好的动态效果模式：

• 动态文字：逐词/逐行显现、遮罩擦除、缩放/透视冲击，以及定时强调。
• 产品/UI 动效：光标路径、焦点环、设备平移、渐进式展示和标注线。
• 数据动效：先显示坐标轴，再显示数据标记，然后显示注释，最后呈现结论。
• 氛围动效：低强度的颗粒、扫光、视差或粒子效果，并控制范围，避免分散注意力。

避免：

• 没有保存种子的随机动效。
• 未经过闪光安全审核的闪切、频闪或高对比度反转。
• 在需要阅读时导致文字无法辨认的动效。
• 无限循环或仅依赖墙上时钟的时间线。
• 与旁白或字幕争夺注意力的装饰性动画。

选择符合语义的转场类型：

• 硬切：适用于营造紧迫感、喜剧效果或列表节奏。
• 匹配剪辑：使用相同的物体、形状、UI 元素或短语衔接场景。
• 擦除/遮罩：适用于产品展示、数据揭示或页面间移动。
• 交叉淡化：适用于回忆、柔和过渡或回顾。
• 白闪/黑闪：仅在符合闪光安全要求且叙事上有合理依据时使用。

8. 字体排版、布局和字幕

在 HyperFrames 中，文本通常是主要的视觉素材。

字体排版规则：

• 除徽标或必需的品牌图稿外，优先使用实时文本，而非栅格化文本。
• 设置最大行长并规划好换行；不要让浏览器自行决定主视觉标题的换行方式。
• 建立清晰的层级：标题、主张、佐证、说明文字、标签、免责声明。
• 让说明文字在视觉上有别于营销文案。
• 避免将关键信息放在最边缘。
• 在实际背景帧上测试每种文本状态，而不只是干净的设计帧。

WCAG 2.2 的无障碍与易读性要求：

• 带音频的预录同步媒体需要字幕，除非它明确是文本的媒体替代形式。
• WCAG AA 对普通文本的最低对比度要求为 4.5:1；大号文本的阈值为 3:1。
• 非文本视觉信息和 UI 组件边界需要足够的对比度；在适用情况下，至少以 3:1 作为 WCAG AA 的参考标准。
• 内容每秒闪烁不得超过三次，除非低于一般闪烁或红色闪烁阈值。最稳妥的制作规则是每秒闪烁不超过三次。

字幕制作：

• 根据交付方式决定使用内嵌字幕、独立字幕文件，或两者兼用。烧录字幕／内嵌字幕在社交媒体信息流中更稳妥；独立字幕文件更适用于无障碍播放器和本地化。
• 字幕必须包含对话，以及传达含义的重要非语音音频。
• 字幕要与语音同步、易于阅读，并避开平台叠加层。
• 如果使用逐词字幕，渲染后要通过观看来核对时间，不要只相信转录时间戳。
• 即使字幕已烧录进视频，也要在素材台账中保留一份规范的转录／字幕文件。

9. 音频、分轨与同步

将音频制作成分轨，而不是混成一个来历不明的文件：

• 旁白／对话分轨。
• 音乐分轨。
• 音效分轨。
• 环境音分轨（如有）。
• 最终混音。

对于每条分轨，记录来源、版权信息、时长、响度／归一化情况（如有测量）、采样率和场景链接。如果旁白由生成方式制作，还要保存脚本文本、语音／提供方／模型／版本／设置，以及审核状态。

浏览器／媒体相关信息：

• HTML <audio> 用于嵌入音频内容；HTML <video> 用于嵌入视频播放播放器。
• 浏览器的自动播放规则会限制有声自动播放。静音视频或没有音轨的视频受到的处理方式不同于有声自动播放。HyperFrames 渲染工具会驱动媒体以进行捕获，但组合内容仍应使用合理的浏览器媒体属性，例如为背景视频设置 muted 和 playsinline。

制作经验准则：

• 优先混合语音；音乐应起到辅助作用，不能盖过旁白，除非作品有意以音乐为主导。
• 旁白期间压低音乐，在只有视觉内容的片段中恢复音乐音量。
• 谨慎使用音效，用于表达明确事件：点击、揭示、转场、撞击、通知。
• 确认最终音频长度与视频时长一致，且没有分轨在其预定场景开始之前或之后开始。
• 渲染后，将旁白转录或抽查，并与已批准的脚本和字幕文件进行核对。

10. 确定性预览、验证和渲染

将 HyperFrames 流程作为一系列门禁来运行：

1. 在启动浏览器工作前，如果需要无需依赖的本地检查来验证显式时间属性，请运行随附的静态预检：python scripts/audit_timeline.py index.html --duration 30 --fps 30。
2. 在开始时或渲染行为发生变化时，运行 npx hyperframes doctor 以验证环境。
3. 运行 npx hyperframes lint，检查 HyperFrames 原生静态合成问题。
4. 如果已安装的 CLI 或项目工作流提供 npx hyperframes validate，请运行该命令；对于浏览器状态问题，不要只依赖渲染结果。
5. 运行 npx hyperframes preview 并检查有代表性的帧：首帧、场景边界、密集文本、数据／图表片段、字幕较多的片段、背景视频场景、CTA／免责声明以及末帧。
6. 只有在 lint／验证和预览检查通过，或已批准并记录例外后，才进行渲染。
7. 渲染后探测：时长、分辨率、fps、编解码器／容器、音频流、帧采样、黑屏／冻结帧、文本裁切、字幕同步以及混音响度。

随附的静态时间轴预检

此软件包包含 scripts/audit_timeline.py，这是一个 Python 3.11+ 标准库 CLI，用于预检本地 HyperFrames 合成 HTML。它使用 html.parser 解析 HTML；不会执行 JavaScript、驱动浏览器、获取远程资源、评估 CSS 布局、检查动画时间轴、解码媒体或验证渲染是否正确。

如果需要获取包含时间属性元素的稳定 JSON 清单和确定性的静态检查结果，请在运行 HyperFrames lint／validate／preview 之前使用它，检查以下内容：

• 有限且非负的数值型 data-start 值；
• 定时片段／媒体上有限且为正数的数值型 data-duration 值；
• 在定时片段／媒体需要轨道的情况下，非负整数型 data-track-index 值；
• 定时视觉元素上的 class="clip"，同时允许带有 data-composition-id 的合成根元素携带根元数据；
• 重复的 HTML ID；
• 定时元素的结束时间超出可选的 --duration；
• 当显式指定 --fps 时，帧边界对齐情况，可通过 --tolerance 配置。

该命令会输出按键排序的 JSON，其中包含 status、summary、inventory 和 findings。检查结果包含稳定的 severity、code、element、location 和 message 字段。退出代码为：无错误时返回 0；存在错误级别的静态检查结果，或通过 --warnings-as-errors 将警告提升为错误时返回 2；解析或操作失败时（例如输入文件缺失或无法读取）返回 3。除非项目要求帧级精确的时间门禁，否则应将警告视为生产审核事项。

此预检仅是早期防护措施，无法替代 npx hyperframes lint、npx hyperframes validate、浏览器预览／逐帧检查、渲染、渲染后媒体探测或人工 QA。HyperFrames 也可能添加此静态预检有意不涉及的运行时专属规则。

如果已安装的 CLI 使用的命令名称与此处不同，请重新检查 npx hyperframes --help 并使用等效命令。在渲染报告中记录确切命令、软件包版本和环境。

对于视频密集型合成，如果无头 Chrome 或媒体解码卡住，请减少并行度／工作进程数。将此视为经验性修复：记录失败原因、所做更改以及更改前后的结果。

11. 浏览器／渲染 QA 检查清单

最终交付前，请检查：

• 时间线：总时长、场景边界、转场重叠，以及是否有意外的空白帧。
• 画布：纵横比、分辨率、帧率、文字是否符合像素安全要求，以及是否出现意外裁切。
• 媒体：每个素材是否以预期质量显示、是否有文件缺失、是否依赖远程资源、是否出现非预期的黑边，以及是否有冻结帧。
• 排版：在实际背景上是否清晰易读、字体回退是否正确、是否有孤行、字母下伸部是否被裁切，以及免责声明是否清晰可读。
• 字幕：是否准确、同步、完整，是否符合安全区域要求，以及是否与其他文字冲突。
• 音频：语音是否被截断、音轨是否缺失、音乐是否已降低音量、音效是否喧宾夺主，以及最终时长是否与画面一致。
• 无障碍：对比度是否达标或已记录例外情况、闪烁是否达标、是否避免仅用颜色传达含义，以及是否按要求提供文字稿／字幕。
• 来源信息：清单是否完整、生成的素材是否已标注、用户提供的素材是否已获批准，以及来源／转换链是否保留。
• 交付：文件名、格式、编解码器、纵横比、缩略图／海报帧、附属文件和交接说明是否正确。

对发现的问题进行分类：

• 严重：权利／同意情况未知；存在不安全闪烁；按要求应提供字幕但未提供；未经批准更换运行时；渲染结果与已批准的规格不符；媒体损坏／缺失；必需文字无法辨认；虚假或未经批准的声明。
• 主要：字幕时间漂移；对比度较弱；音频混音掩盖语音；有明显的布局／裁切问题；平台格式不受支持；来源信息字段不完整。
• 次要：缓动效果略显粗糙、轻微纹理问题、非必要的画面美感问题。

存在严重问题时不得交付。仅当客户端明确接受取舍时，才可在存在主要问题的情况下交付。

12. 来源信息台账与内容凭证

C2PA 将 Content Credentials／C2PA 清单定义为来源信息，可将断言、声明、签名和素材与某项资产关联起来。并非所有工作流或平台都会保留嵌入式凭证，因此请同时维护：

• 机器可读／人类可读的项目来源信息台账。
• 在工具链支持且客户端需要时，提供嵌入式或附属的 C2PA／内容凭证数据。

台账至少应包含以下条目：

• 最终渲染 ID 和校验和。
• 素材 ID、来源、权利状态和校验和。
• AI 生成素材的生成元数据。
• 转换步骤和所用工具。
• 审批记录和日期。
• C2PA／内容凭证状态：存在、已验证、缺失、经转换后被剥离、不受支持或未检查。

如果源素材声称具有来源信息，但验证失败，不要默默将其视为已认证。请标明验证失败；如果该声明会影响可信度、新闻价值、合规性或客户端审批，请升级处理。

13. 交付交接

请提供交付包，而不只是 MP4：

• 最终渲染文件路径、校验和、时长、分辨率、帧率、编解码器／容器、音频格式。
• 按要求提供的字幕／文字稿附属文件。
• 按要求提供的缩略图／海报帧。
• 素材清单和来源信息台账。
• 渲染报告，包含命令、HyperFrames／package 版本、环境、警告和 QA 状态。
• 已知限制、已批准的例外情况和剩余风险。
• 重新渲染说明：准确的源工作区、命令序列、package／版本说明和所需的本地素材。

上传到平台前，请在导出前重新检查当前目标规格：纵横比、最长时长、文件大小、编解码器、音频要求、字幕附属文件、安全区域、披露标签和广告政策。请将这些视为可能随时变化的信息。

14. 示例：旁白产品发布短片

示例意图：使用已批准的产品截屏、生成的抽象背景、旁白、音乐和内嵌字幕，制作一段 30 秒、16:9 的发布短片。

方法：

1. 需求确认环节锁定 1920x1080、30 fps、30 秒、MP4、内嵌字幕、已批准的产品截图、品牌颜色，以及不得出现未经批准的客户徽标。
2. 画面规格定义右侧的产品／设备区域、左侧的动态标题区域、底部的字幕轨，以及避开平台覆盖层的 CTA 安全区域。
3. 场景规划：
   • 0-3s：用抽象动态背景呈现引子／标题。
   • 3-10s：展示产品解决的问题，配一张 UI 截图和标注。
   • 10-18s：用三个快速 UI 节拍证明功能。
   • 18-25s：展示成果／对客户安全的指标（如已获批准）。
   • 25-30s：呈现 CTA 和徽标。
4. 资源清单保存截图、生成的背景循环片段、旁白音轨、音乐音轨、字幕文件、字体文件、校验和及审批记录。
5. HTML 使用定时分区、相对资源路径、有界的 GSAP 时间线、静音的 playsinline 背景视频，以及独立的字幕元素。
6. 运行 doctor/lint/validate/preview/render/probe 质量检查关卡，并特别检查 UI 可读性、字幕轨、是否泄露客户徽标，以及闪烁是否安全。

预期故障模式：

• 字幕与标题文案冲突：降低标题密度，或将字幕移至固定轨道。
• 背景视频导致文字对比度不足：在文字后添加局部遮罩，而不是整体调暗画面。
• 产品截图太小：减少同时显示的 UI 面板，并使用动态缩放／标注。
• 旁白时序逐渐偏移：根据已批准的旁白音轨重新调整场景起始时间，而不是拉伸语音。

15. 示例：音乐驱动的动态字体短促片段

示例意图：制作一段 8 秒的方形或竖屏社交媒体短片，不含旁白，并与已批准的音乐重拍同步。

方法：

1. 分析音乐音轨中的节拍重音，或手动标记节拍时间。
2. 制作简洁的画面规格：大字、一种强调色、大面积留白，不使用小字。
3. 将时间线用作脚本：每段文字都在节拍上显现；转场简短且有界。
4. 仅在有歌声或有意义的口语内容时使用字幕；否则，如果发布平台有要求，则附上简短的标题／描述文件，以满足无障碍需求。
5. 运行闪烁检查，因为与节拍同步的剪辑可能会意外超过安全闪烁阈值。

预期故障模式：

• 8 秒内文字太多：删减文案，直到每个节拍上的内容都清晰易读。
• 闪烁式反转效果不安全：改用运动、缩放、蒙版或颜色保持，而不是快速闪烁全画面。
• 导出裁切破坏文字排版：分别为方形和竖屏设计，而不是裁切画面。

16. 示例：生成媒体讲解视频的组装

示例意图：将 AI 生成的静帧／视频片段、旁白、字幕、图表和音乐组装成一段 60 秒的讲解视频。

方法：

1. 将生成的素材视为组成要素，并完整记录提示词、模型／版本／设置、可用时的种子值及审批记录。
2. 围绕观点而非素材构建场景。每个场景都需要一个要点和一个主要视觉创意。
3. 使用 HyperFrames 处理编辑层：动态标题、图表标签、标注、字幕、转场、音频混音和最终质量检查。
4. 即使字幕已嵌入视频，也要保留文字稿和字幕文件。
5. 对事实性主张、对真实人物／事件的合成描绘、医疗／法律／金融主张，以及受版权保护或衍生自参考素材的视觉内容进行标记并提交审批。

预期故障模式：

• 素材风格不统一：通过 CSS 样式处理、颜色叠加、一致的裁切和克制的转场进行统一；仅在源素材无法使用时重新生成。
• 生成的视频片段帧率／分辨率不一致：在暂存素材前转码为统一的渲染配置。
• 来源信息不完整：在缺失的模型／来源／权利字段补齐或明确获批前，阻止最终交付。