📄 文档管理系统

← 返回列表

想做视频号但卡在付费工具链?我如何用 OpenCode + HyperFrames 搭建免费的视频流水线(附三套模板)

技术文章 #HyperFrames,视频号,视频流水线,AI视频,OpenCode,自动化 📅 创建:2026-05-08 20:51:15 🔄 更新:2026-05-08 20:58:23
👁️ 预览 & 复制到公众号 ✏️ 编辑

050803.png做视频号这件事,搁我脑子里酝酿了很久。

期间也做过一些,但大多依赖付费平台——剪映会员、模板网站月费、外包剪辑团队。跑通一套流程不难,难的是 成本。每个月固定支出大几百,做出来的视频阅读量才几百,ROI 算不过来。

不是内容的问题,是工具链太贵了。

直到开始玩 HyperFrames,用 HTML 做视频,全命令行操作,零付费。模板复用、改稿、出片,全流程不依赖任何 GUI 软件。现在跑通三套流水线,从写文案到出片只需要几分钟,主要工作变成手动截几张图。

今天把这三套方案公开,都是我实际跑过、能出片的免费方案。


流水线一:技术分享类视频

这是我的第一套流水线,也是让我入坑的那一个。

适用场景:工具推荐、功能对比、实战教程类内容

视频结构

区域 内容 动画
上区(450px) 主标题 + 副标题 + 标签条 滑入
中区(768px) 截图展示(仅截图,无文案) 放大 → 回弹 → 淡出
下区(768px) 核心卖点 + CTA 依次入场

【预留视频示例位置】

流水线步骤

Step 1: 收集素材信息(截图数量 1-10 张)
Step 2: 生成三段式文案(上区标题、中区截图、下区卖点+CTA)
Step 3: 生成 Markdown 文档(文案 + 爆款标题 + 话题标签)
Step 4: 生成 HyperFrames HTML(三段式结构 + 动画 + 背景音乐/图片)
Step 5: 预览 & 渲染(lint → preview → render)

触发命令/video-pipeline

项目放在 softlv-ai-tech-talks/projects/ 下,每个视频一个独立文件夹,包含 HTML 合成文件、截图素材、背景音乐和文案存档。

渲染命令:

npx hyperframes lint .
npx hyperframes preview . --port 3002
npx hyperframes render . --output ./output.mp4

流水线二:每日 AI 简报视频

这套是我最近刚调试好的,专门为日更设计。

适用场景:每日资讯、热点速递、行业早报类内容

最大的特点:全自动。输入 /daily-news-pipeline,剩下的全部自动跑完:

Step 0: 并行抓取多个来源(Baus AI、Hipther AI、AI0.news 等)
Step 1: AI 自动整理成 8-10 条标准格式(标题 + 关键信息 + 分类色)
Step 2: 生成轮播文案
Step 3: 生成 HyperFrames HTML(单屏 TOP+BOTTOM 布局)
Step 4: 生成配套发布文案(爆款标题 + 话题标签)
Step 5: 复制静态资源(背景图 + 背景音乐)
Step 6: 预览 & 渲染

【预留视频示例位置】

视频规格:1080×1920,10 秒,30fps,MP4 格式

资讯来源优先级

来源 热度
Baus AI ★★★
Hipther AI ★★★
AI0.news ★★★
CSDN AI 资讯 ★★☆
今日头条 ★★☆

日期规则:文件夹以生成时间命名(YYYYMMDD-HHMM),视频内显示的是前一天的日期——"昨日简报"。

这套流水线配合 MiniMax TTS 语音合成,可以做出带解说的版本,也可以纯文字滚动播出。


流水线三:视频口播合成系统

这套是最近刚跑通的,支持 TTS 语音合成 + 视频自动合成

适用场景:个人 IP 口播、观点输出、干货分享

视频结构

区域 内容 动画
上区(450px) 主标题 + 副标题 + 标签条 滑入
中区(768px) 截图展示(仅截图,无文案) 放大 → 回弹 → 淡出
下区(768px) 核心卖点 + CTA 依次入场

【预留视频示例位置】

核心流程

收集信息 → 生成文案 → 生成口播稿 → TTS 合成 → 生成 HTML → 渲染视频

流水线步骤

Step 1: 收集素材信息(截图数量 1-10 张)
Step 2: 生成三段式文案(上区标题、中区截图、下区卖点+CTA)
Step 3: 生成口播文案(为上区/下区文案生成口播脚本,用于 TTS 音频合成)
Step 4: 合成口播音频(调用阿里云百炼 CosyVoice API 生成 MP3)
Step 5: 生成 Markdown 文档(文案 + 口播文案 + 爆款标题 + 话题标签)
Step 6: 生成 HyperFrames HTML(三段式结构 + 动画 + 口播音频,无背景音乐)
Step 7: 渲染视频(HyperFrames 自动将口播音频合成到 MP4)

TTS 配置

参数
API 阿里云百炼 CosyVoice
音色 longanzhi_v3
语速 rate=1.2
格式 MP3

触发命令/video-pipeline-voice

可配置参数:视频时长(25-45 秒)、截图数量(1-10 张),截图会自动轮播入场,配合口播音频同步播放。


三套流水线的共同特点

总结一下这三套方案的共同设计思路:

1. 竖屏优先:全部是 1080×1920 竖屏规格,适配视频号、抖音、小红书

2. 三段式布局:上部标题区 → 中部视觉区 → 下部信息区,这个结构在不同类型视频里都能复用

3. 全命令行:从文案生成到视频渲染,一条命令触发,中途不需要打开任何 GUI

4. 模板可复用:每次做新视频,复制项目模板,改改文案和截图,几分钟出片不是吹的


下一步

三套流水线跑通之后,我已经不愁视频内容了。公众号写完,配一个同题视频,往视频号一传,完事儿。

接下来打算做的事:


你在做视频号吗?用什么工具做流水线?欢迎评论区聊聊。

🎁 福利:回复"视频流水线",获取本文三套方案的项目模板。

💬 评论区

加载中...