产品发布视频：一条命令怎么做

你把项目做完了，然后卡在最后一公里：发布帖需要一段视频，截图加字幕不够看，找人做又贵又慢。brag 代表的新做法是：在项目目录里说一句 let's /brag，让智能体读完代码，用 HyperFrames 渲染出一支约 20 秒的成片——音乐、动效、分享文案一起交付。这个仓库在 2026 年 6 月 16 日创建，截至 10 月 11 日约 15,079 星，MIT 许可，另有一个 $19 一次的托管版本。[1][2][3]

但 brag 不是孤立的产品，它是一条正在成形的分支里跑得最快的一个。这篇文章把”产品发布视频”这件事的市场拆开：谁在做、收多少钱、2026 年为什么冒出了”代码渲染”这条路、以及你在选型时真正该问的问题。

要点

产品发布视频市场可分七层：文生视频模型、通用 AI 视频平台、录屏美化、设备样机、交互 demo、视频外包，以及 2026 年新出现的”代码渲染成片”。前两层解决”做出画面”，后四层解决”讲清楚产品”。
代码渲染分支的做法是让大模型写 HTML 或 React，再由无头浏览器逐帧渲染。它的卖点是没有视频模型的不确定性——画面里的文字和界面是渲染出来的，不是生成的。brag、shipvideo、EndFrame 都在这条路上。[1][6][7][8]
四种计费口径常被混为一谈：开源技能免费但算力自付、托管按次（$19）、SaaS 按月订阅（$9–149/月）、外包按条（一家制作公司的估算器起点是 $6,000）。直接比数字会得出错误结论。[3][10][12][13]

赛道分成七层

把”让产品被看见”这件事按交付物和计费方式拆开，brag 落在最窄的一层。下表的价格全部核对于 2026-10-11，来自各官网。

层	代表	交付物	价格锚点
文生视频模型	Pika 等	任意生成的画面	按积分或订阅
通用 AI 视频平台	HeyGen、VideoGen	营销短视频	$19–149/月
录屏美化	Screen Studio	屏幕录制加运镜	年付 $9/月、月付 $29/月
设备样机	Rotato	设计稿放进设备框	一次性买断，官网未标数字
交互 demo	Arcade、Supademo	可点开的演示	Supademo $50/席位/月起
视频外包	动画制作公司	定制成片	估算器起点 $6,000
代码渲染成片	brag、shipvideo、EndFrame	20–40 秒发布视频	免费开源 / $19 一次 / 订阅自备

这张表的关键读法是前两列和后四列解决的问题不同。Pika 一类文生视频模型能生成漂亮画面，但它不知道你的产品是什么；HeyGen 把数字人和模板包装成月订阅，适合已经有脚本和素材的人。真正解决”我这个刚做出来的东西怎么讲清楚”的，是下面四层，而它们的价格差了两个数量级。[7][10][11][12][13][14][15]

代码渲染这条分支

2026 年冒出的这条分支有一个共同的技术底座：模型不生成视频，模型写代码，代码渲染视频。

brag 的做法是让智能体先扫项目目录，回答完九个问题才能进入规划，写出逐镜头分镜，再把简报交给 HeyGen 开源的 HyperFrames（截至 2026-10-11 约 60,587 星，Apache-2.0）渲染。shipvideo 更直接：Opus 5.5 写一个单文件 HTML 影片，在 Amazon Linux 的微型虚拟机里用无头 Chromium 逐帧渲染，再用 ffmpeg 编码成 MP4，每个视频约 4 分钟、约 10 万 token。[1][6][7][18]

这条路线的确定性是它相对文生视频的全部优势。发布视频里全是文字和界面，而这两样恰好是视频模型最容易出错的地方。代码渲染的每一帧都是确定输出，改一行字重渲一遍，结果逐像素可复现。brag 的创意法则里写着”至少一个场景展示产品真实的界面”，技术底气就来自这里。[1]

同一条分支上还有几个更小的实验：EndFrame 把成片放在真实时间线上，每次编辑后渲染真实帧，用 33 条规则的质量门检查页边距和文字对比度，并且直接复用你已有的 Claude、ChatGPT 或 Grok 订阅，早期访问免费；explainroo（528 星，MIT）定位本地运行的”你的智能体做讲解视频”；motion-video-kit（1,082 星，MIT）提供带独立评审循环的商业视频技能包。[8][16][17]

值得注意的是这条分支的时间密度：shipvideo 创建于 2026 年 9 月 24 日，explainroo 创建于 9 月 25 日，EndFrame 的 Show HN 帖发于 9 月 8 日——三周内至少四个独立实现。底层能力（HyperFrames、Remotion、无头浏览器）是公开的，这意味着技术本身不构成护城河。[9]

确定渲染是怎么做到的

把”确定的视频”做出来，工程上有三个必须解决的问题。shipvideo 的 README 把这套做法摊得很开，值得当作这条分支的技术样本读一遍。[6]

第一是时间。浏览器里的动画依赖四套时钟：requestAnimationFrame、定时器、Date 对象和 CSS/Web Animations 动画。渲染时不能靠等真实时间流逝——那样既慢又不可复现。做法是注入一个虚拟时钟，把四套时间源全部接管，再用 __seek(t) 把页面直接跳到任意时刻。渲染器于是可以逐帧推进：第 0 帧、第 1/30 秒、第 2/30 秒……每一帧都是独立、确定的页面状态。[6]

第二是逐帧输出。每一帧在 1920×1080、30fps 下截成 JPEG，用管道喂给 ffmpeg 编码成 H.264（crf 18、yuv420p、faststart），最后写出 MP4。这里没有 GPU 什么事——一段 30 秒的片子渲染大约 30 到 40 秒，接近真实时长。[6]

第三是自检。shipvideo 给智能体的工具箱里有一个 check_scene：在虚拟时钟下加载影片，报告 JavaScript 错误和几个时间点上的可见文字，智能体据此修正再渲染。EndFrame 的做法更重——每次编辑后渲染真实帧，用 33 条规则检查页边距和文字对比度。这些机制的目的相同：在写代码的环节就把画面问题抓住，而不是渲染完 100 万帧才发现字被裁掉了。[6][8]

这套工程约束反过来解释了为什么这条分支在 2026 年才成规模出现。Remotion 把视频变成 React 组件是 2020 年代初的事，HyperFrames 把视频变成带 data-* 时间属性的 HTML 是 2026 年 3 月的事；而真正让”模型写代码”可行的，是模型本身终于能稳定写出几百行正确的前端代码——shipvideo 的 README 直接把 Deedy 关于 Opus 5.5 教学视频生成的那条演示当作技术验证引用。这条演进线不是孤例：站内 10 个视频 Agent Skill 横评里读过的十个技能，产出物从 MP4 到 Lottie 到删词清单各不相同，但底层都建立在同一批公开能力上。[6][18]

外包的 $6,000 买到什么

把外包价格当作”贵”的注脚是不够的，它买到的东西和工具路线完全不同，理解这个差别才知道什么时候该花这笔钱。

一家制作公司的成本估算器按四个输入给区间：目标、片型、数量、是否需要脚本。2D 动画、动态图形、白板动画、混合媒体是不同报价档；同一片型下，要不要人写脚本、要不要配音、要不要改稿轮次都会改写价格。这解释了为什么报价能相差五倍：你买的是一串人工环节，不是一条视频。[13]

具体到一个典型的外包项目，钱花在这些地方：脚本和分镜（决定片子的信息结构）、视觉风格设计（美术、插画或动态图形的资产）、动画制作和合成、配音与配乐、以及一两轮修改。对发布会、融资宣传或官网首页这种”每一帧都要过审”的场景，这些环节不能省——它们提供的正是工具路线没有的东西：可控性和人工判断。[13]

反过来，工具路线省掉的也正是这些环节。brag 不让用户改脚本、换镜头、调时序；它赌的是发布帖场景里这些都不必要。这不是能力差距，是场景分工：外包做的是”需要被很多人反复检查的片子”，工具做的是”今天做完今天发的素材”。[1]

四条成本口径

价格是最容易被误读的部分。同样做”一条发布视频”，四种计费方式的数字不在一个坐标系里：

口径	例子	单个成本	隐性成本
开源技能	brag	$0	算力自付；要装 Node 22+、FFmpeg
托管按次	letsbrag.app	$19 一次（标称后续 $29）	与开源版是同一个技能
SaaS 订阅	Screen Studio、Supademo	$9–50/月/席位	需要自己录素材、做剪辑
外包	动画制作公司	估算器起点 $6,000	周期以周计；改稿有流程

外包的数字来自一家制作公司官网的计算器，它按目标、片型、数量和是否需要脚本给出区间，起点是 $6,000–$15,000，最高档到 $25,000–$62,000。这是一家公司的报价逻辑，不是行业均价，但足够说明量级差异：brag 的托管版一次 $19，不到外包下限的千分之四。[3][13]

反过来也要看清开源版本的代价。免费的是技能本身，推理成本和渲染时间记在你自己的账上：macOS 上要装 Node.js 22 以上、FFmpeg 和 HyperFrames CLI，第一次运行会下载渲染栈。letsbrag.app 的退款政策写得很直接——做不出来全额退款，做得不对免费重做一次，14 天内可申请；条款里注明运营方是作者本人，Creem 作为记录商户处理支付和税费。[3][4][5]

brag 的赌注

brag 把四个决策固化成规矩，这既是它的产品，也是它的边界。

时长锁在 15–25 秒，没有理由一秒都不多；内容上强制”至少一个场景展示真实界面”，禁止”streamline your workflow”一类 SaaS 黑话；语气有七套预设，也可以给自由描述（比如”假装 2016 年 A 轮发布”）；结构上必须是钩子、揭示、高光、收尾。它不提供时间线，不提供重剪，不做素材导入。[1][2]

这等于押注”一次成片”够用。对发布帖来说这个赌注大概率成立：X 和 Product Hunt 上的视频很少有人看到第 30 秒，15–25 秒正好是完整讲完一个产品的最短长度。但需要精细剪辑、配音对轴或素材混剪的人不是它的用户，那些人该去用录屏工具或剪辑软件，或者像 video-shotcraft 那样走模板加时间线工作台的路线。[1]

它的另一个不对称在分发。开源技能免费，装进用户自己的智能体；托管版收 $19 一次。这个结构把边际成本压到接近零，代价是”愿意自己跑”的人群永远不进收入，作者在 README 里也明说了这一点。真正的资产不是代码，是创意法则的积累加上分发——技能上架 skills.sh 目录、15k 星带来的可信度、以及 X 上十几位创作者自发转发的成片视频。[1][19]

中文市场的位置

中文侧的需求信号存在，但供给错位。

Bing 的中文联想词给出了清晰的意图：产品宣传视频制作 会联想到 ai制作产品宣传视频、软件产品宣传视频制作、产品宣传视频怎么制作；AI 生成产品视频 会联想到 ai生成产品视频免费、ai生成产品介绍视频。这些查询指向”用 AI 做产品视频”，说明需求真实。[20]

但当前的中文供给集中在两个方向：电商产品图转视频，和数字人播报。Bing 对 产品发布视频 的联想甚至更多指向 产品发布会视频、苹果产品发布会视频——中文里这个词大量指发布会录播，而不是发布素材。开发者向的”读你的代码、按项目定叙事、生成发布贴素材”这个位置，目前没有对应的中文产品，也没有对应的搜索词。[20]

短期内这个空位大概率还会空着：brag 自己的 SKILL.md 是全英文的，同类开源实现的文档也是英文。这里不是号召谁去填补；它说明的是，如果你在用中文做发布，目前能选的主要是英文工具或通用平台。

怎么选

回到具体决策，先问一个问题：你愿意把哪一步交给模型？

交给”叙事和渲染”——用 brag 这类技能。你出项目，它出角度和成片，代价是没有编辑环节。
交给”编辑时间线”——用 EndFrame 这类工具。模型先写场景，你在时间线上回改，代价是需要自己的模型订阅。
交给”运镜和录制”——用 Screen Studio 这类录屏工具。你操作产品，它负责好看，代价是素材要自己录。
交给”外包团队”——预算 $6,000 起，换来完全定制和人工把关。

第二个问题是成片的用途。发 X 或 Product Hunt 的一条帖，15–25 秒无人编辑的成片够用；官网首页的滚动视频、销售路演的演示片，需要控制每一帧，那次成片路线不合适。

最后一个提醒：星数不等于采用量。brag 的 15k 星和 fork 数是收藏信号，EndFrame 的 Show HN 帖只有 4 分、没有评论。这些数字说明关注度，不说明有多少人在真实发布视频时用了它们。[9][1]

常见问题

代码渲染和文生视频的区别

文生视频由模型逐帧”想象”出画面，文字和界面容易失真；代码渲染让模型写 HTML 或 React，由浏览器逐帧渲染，输出确定、可复现。发布视频里全是文字和 UI，所以这条分支选择代码渲染。[1][6]

brag 只能用代码项目吗

不是。项目模式读本地代码；网站模式直接抓线上页面（含需要 JS 渲染的站点），所以没有源码的站点也能用。要注意的是登录墙之后的页面抓不到，这类站点托管版会直接退款。[1][5]

开源版和托管版一样吗

据官方说明，两者用同一套创意法则；自跑版由你自己的模型驱动，托管版在其服务器上跑。省下的钱对应的是你自己的安装、排错和等待时间。[1][3]

产品发布视频这门生意，正在被一条命令改写

要点