HyperFrames给口播视频加字幕embedded-captions工作流完整教程【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframesHyperFrames一个写HTML、渲染视频的开源框架内置了/embedded-captions工作流可以不改画面、不重新剪辑直接给已有的口播视频加上专业字幕。本教程带你从零跑通这条字幕工作流自动语音转写、人物抠像、字幕排版与渲染合成全程本地完成无需任何 API Key。一、这条工作流能做什么 /embedded-captions专为单人口播talking-head视频设计它把你已经拍好的 MP4 原样保留只在上面叠加一层字幕。官方文档把它归纳为三层字幕模型层级内容呈现方式drop语气词、口误um/uh、重复不显示rail大部分正文台词干净的底部字幕条永远在人物前面、清晰可读embed全片 1~2 个爆点词大字嵌入到人物身后形成电影感的视觉高潮关键点rail 承担所有文字embed 只是稀缺的高潮。把所有词都塞到人物身后是最常见的错误工作流会主动帮你避免。二、准备工作5分钟环境搭建 ⚙️克隆仓库并构建 CLIgit clone https://gitcode.com/GitHub_Trending/hy/hyperframes cd hyperframes bun install bun run build技能会自动解析依赖抠像用的是remove-backgroundu2net_human_seg 模型首次约 168MB 自动下载、转写走 WhisperX词级时间轴、合成走 ffmpeg。无需手动安装。建议先刷新技能包确保字幕技能是最新版本npx hyperframes skills update embedded-captions⚠️ 素材要求单一主体、有人物出镜、有清晰语音。多人对话或硬切镜头请先分段画面里已有烧录字幕的视频也不适用。三、五步流水线一条命令走完全流程 整条管线非常短所有确定性计算都由脚本完成唯一需要发挥创意的步骤只有写一个小 JSON。Step 1 — 初始化项目把视频放进项目目录即可自动识别为source.mp4hyperframes init project --non-interactive --video video.mp4 --skillembedded-captionsStep 2 — 一键准备抠像 ∥ 转写 ∥ 音频包络 三路并行然后计算安全区safe-zonesbash skills/embedded-captions/scripts/prepare.sh project产物包括frames_fg/逐帧人物抠像、transcript.json词级转写、safe-zones.json字幕可放置的干净区域 场景配色/光照信息。Step 3 — 挑选一个字幕身份并创作配置这是工作流的核心决策。项目内置了35 种字幕身份identity完整清单在 CATALOG.md。新手记住几个高频选择即可身份适合场景一句话描述anchor教程、新闻、企业口播默认推荐安静的专业风淡入字幕条 一个沉淀在人物身后的爆点词ink明亮的白天外景近黑色字体印在亮面上不会发白模糊cream暖色调暗场、情感叙事暖奶油色光晕从场景中浮现terminal/ordnance炸一点、科技感、特效向终端解码 / 军械风爆炸峰值创建好project/theme.json或cinematic.json后运行对应的编译脚本生成合成文件。Step 4 — 渲染前预览省钱关键node skills/embedded-captions/scripts/preview-frames.cjs project约 2 秒生成一帧忠实合成预览真实视频帧 字幕层 抠像遮挡 最终效果。对照检查文字是否发白、是否压到人物脸部、阅读顺序是否与口述一致、爆点词是否足够大且确实嵌在身后。预览不过关不要付渲染的时间成本。Step 5 — 渲染合成bash skills/embedded-captions/scripts/render-and-composite.sh project脚本会先跑门禁检查时间轴对齐 80ms 以内、遮挡、溢出、交接校验通过后输出final.mp4。四、给 Agent 的一句话提示词 实际使用中你不需要手动敲上面的命令——直接用提示词即可。官方推荐的入门提示来自 captions-and-talking-heads.mdx/embedded-captions给./interview.mp4加字幕。使用anchor身份——干净的逐字字幕条承载所有台词每行高亮一个关键词把最有力量的一个词提升为嵌入人物身后的 embed。保持源画面宽高比画面不做任何改动。也可以更快Just build it — dont ask me anything.Agent 会用默认值跑完全程。五、新手避坑清单 ⛔别把每个词都嵌入人物身后—— rail 是默认embed 一屏最多一个彼此间隔至少一个呼吸拍亮场别用浅色字幕—— 场景亮度 180 时奶油色/发光字会洗白改用ink或不透明 rail 的anchor原片一个字都不动—— 工作流禁止调色、加扫描线、改画面字幕是唯一添加物。剪辑请先在编辑器里做完多人/多镜头先分段—— 抠像只针对一个人两段素材分别加字幕再拼接人名和产品词要核对—— 转写错了直接说把 XX 改成 YY即可无需重跑六、延伸阅读 工作流总览与审核清单captions-and-recuts.mdx提示词写法与身份路由captions-and-talking-heads.mdx、CATALOG.md字幕技能完整说明SKILL.mdStudio 中微调字幕位置captions.mdx字幕组件目录用于合成式视频的动态字幕captions-catalog.mdx跑通一次anchor身份后试着换terminal或stardust渲染同一段素材——你会直观感受到35 种身份带来的风格跨度这就是 HyperFrames 给口播视频加字幕的完整玩法。【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframes创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 HyperFrames给口播视频加字幕：embedded-captions工作流完整教程
HyperFrames给口播视频加字幕embedded-captions工作流完整教程【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframesHyperFrames一个写HTML、渲染视频的开源框架内置了/embedded-captions工作流可以不改画面、不重新剪辑直接给已有的口播视频加上专业字幕。本教程带你从零跑通这条字幕工作流自动语音转写、人物抠像、字幕排版与渲染合成全程本地完成无需任何 API Key。一、这条工作流能做什么 /embedded-captions专为单人口播talking-head视频设计它把你已经拍好的 MP4 原样保留只在上面叠加一层字幕。官方文档把它归纳为三层字幕模型层级内容呈现方式drop语气词、口误um/uh、重复不显示rail大部分正文台词干净的底部字幕条永远在人物前面、清晰可读embed全片 1~2 个爆点词大字嵌入到人物身后形成电影感的视觉高潮关键点rail 承担所有文字embed 只是稀缺的高潮。把所有词都塞到人物身后是最常见的错误工作流会主动帮你避免。二、准备工作5分钟环境搭建 ⚙️克隆仓库并构建 CLIgit clone https://gitcode.com/GitHub_Trending/hy/hyperframes cd hyperframes bun install bun run build技能会自动解析依赖抠像用的是remove-backgroundu2net_human_seg 模型首次约 168MB 自动下载、转写走 WhisperX词级时间轴、合成走 ffmpeg。无需手动安装。建议先刷新技能包确保字幕技能是最新版本npx hyperframes skills update embedded-captions⚠️ 素材要求单一主体、有人物出镜、有清晰语音。多人对话或硬切镜头请先分段画面里已有烧录字幕的视频也不适用。三、五步流水线一条命令走完全流程 整条管线非常短所有确定性计算都由脚本完成唯一需要发挥创意的步骤只有写一个小 JSON。Step 1 — 初始化项目把视频放进项目目录即可自动识别为source.mp4hyperframes init project --non-interactive --video video.mp4 --skillembedded-captionsStep 2 — 一键准备抠像 ∥ 转写 ∥ 音频包络 三路并行然后计算安全区safe-zonesbash skills/embedded-captions/scripts/prepare.sh project产物包括frames_fg/逐帧人物抠像、transcript.json词级转写、safe-zones.json字幕可放置的干净区域 场景配色/光照信息。Step 3 — 挑选一个字幕身份并创作配置这是工作流的核心决策。项目内置了35 种字幕身份identity完整清单在 CATALOG.md。新手记住几个高频选择即可身份适合场景一句话描述anchor教程、新闻、企业口播默认推荐安静的专业风淡入字幕条 一个沉淀在人物身后的爆点词ink明亮的白天外景近黑色字体印在亮面上不会发白模糊cream暖色调暗场、情感叙事暖奶油色光晕从场景中浮现terminal/ordnance炸一点、科技感、特效向终端解码 / 军械风爆炸峰值创建好project/theme.json或cinematic.json后运行对应的编译脚本生成合成文件。Step 4 — 渲染前预览省钱关键node skills/embedded-captions/scripts/preview-frames.cjs project约 2 秒生成一帧忠实合成预览真实视频帧 字幕层 抠像遮挡 最终效果。对照检查文字是否发白、是否压到人物脸部、阅读顺序是否与口述一致、爆点词是否足够大且确实嵌在身后。预览不过关不要付渲染的时间成本。Step 5 — 渲染合成bash skills/embedded-captions/scripts/render-and-composite.sh project脚本会先跑门禁检查时间轴对齐 80ms 以内、遮挡、溢出、交接校验通过后输出final.mp4。四、给 Agent 的一句话提示词 实际使用中你不需要手动敲上面的命令——直接用提示词即可。官方推荐的入门提示来自 captions-and-talking-heads.mdx/embedded-captions给./interview.mp4加字幕。使用anchor身份——干净的逐字字幕条承载所有台词每行高亮一个关键词把最有力量的一个词提升为嵌入人物身后的 embed。保持源画面宽高比画面不做任何改动。也可以更快Just build it — dont ask me anything.Agent 会用默认值跑完全程。五、新手避坑清单 ⛔别把每个词都嵌入人物身后—— rail 是默认embed 一屏最多一个彼此间隔至少一个呼吸拍亮场别用浅色字幕—— 场景亮度 180 时奶油色/发光字会洗白改用ink或不透明 rail 的anchor原片一个字都不动—— 工作流禁止调色、加扫描线、改画面字幕是唯一添加物。剪辑请先在编辑器里做完多人/多镜头先分段—— 抠像只针对一个人两段素材分别加字幕再拼接人名和产品词要核对—— 转写错了直接说把 XX 改成 YY即可无需重跑六、延伸阅读 工作流总览与审核清单captions-and-recuts.mdx提示词写法与身份路由captions-and-talking-heads.mdx、CATALOG.md字幕技能完整说明SKILL.mdStudio 中微调字幕位置captions.mdx字幕组件目录用于合成式视频的动态字幕captions-catalog.mdx跑通一次anchor身份后试着换terminal或stardust渲染同一段素材——你会直观感受到35 种身份带来的风格跨度这就是 HyperFrames 给口播视频加字幕的完整玩法。【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframes创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考