Moessif/code-video-showcase
多媒体与设计用纯代码逐帧绘制画面、合成配乐,帮编程 Agent 产出 30–90 秒卡点展示视频的制作配方。
这是一份制作配方,而不是一个开箱即用的视频生成器。它只适合已经在用 Agent 写代码、并想要一套可复现的模板流程来拼出短片的人。仓库里没有成品演示视频,预览图是对一支外部 61 秒参考样片的逐帧分析产物 项目说明。
解决什么问题
你想做一支短品牌展示片:开头、若干风格段落、段落之间的大字卡、快闪蒙太奇和结尾,通常需要在剪辑软件里对着时间轴手动卡点。这里把时间轴写成公式,每一帧都是时间 t 的纯函数,配乐按固定 120 BPM 合成。变化发生在计时和渲染环节:你改的是 HTML/Canvas/SVG/Three.js 段落或风格配方,渲染后同一秒在任何机器上得到同一帧。
有什么不同
关键在于结构与素材分离。文档给出的时间线公式固定了 61 秒默认结构:8 秒开场、十一段每段 4 秒、1 秒过渡大字卡、2 秒八连闪和 6 秒结尾,每个风格段落的第一个帧踩在节拍上 项目说明。画面由 Web 技术绘制并通过 Playwright 捕获,配乐由 numpy/scipy 合成,最后由 FFmpeg 拼接编码。README 还打包了十一种风格配方、大字卡系统、质检清单和可运行模板,因此花时间的是决定片子说什么,而不是手动打关键帧。
代价是没有任何成品直接可用。模板只是骨架,珊瑚色品牌色和样片文案都是占位,字体不随仓库分发,也没有可下载的演示文件。它面向能自己写或改段落代码、并熟悉 Agent 处理文件的人,不是拖拽式生成器。
谁值得试
适合已经在用兼容 SKILL.md 的 Agent、想为发布或风格展示做一支可重复短片的开发者或小团队:改文案和配方就能改片。不适合想直接放入实拍或图片素材、或期待现成视频的人,因为仓库不含媒体素材和成品样片。想要编辑器界面或模型生成画面的人也不适用,这条路线刻意不调用生成模型。
使用条件与边界
需要 Node.js 20 或更高、Playwright(或 playwright-core)及 Chromium 系浏览器、带 libx264 和 AAC 的 FFmpeg/ffprobe,以及带 numpy、scipy 的 Python 3.10。安装方式是把仓库复制进 Agent 技能目录,例如 ~/.claude/skills/、~/.dsh/skills/ 或 .agents/skills/ 安装说明。渲染在本机 CPU 完成。README 提醒 WSL/Linux 下应把 node_modules、Python 环境和帧输出放在 Linux 文件系统,并记录了自带浏览器不可用时改用 Chrome for Testing 或 Edge 的路径 项目说明。
长期维护主要是环境问题:OFL 字体要自己下载并在本地提供,每台用于渲染的机器都要确认浏览器、FFmpeg 和 Python 音频栈仍然可用。帧数校验(例如 61 秒默认片检查 1830 帧)属于工作流的一部分,改动段落时长后应重新检查。
HotRepo 点评
HotRepo 在 2026-10-27 记录到 128 个总星标,以及 JavaScript 新项目榜第 22 名,这只是建仓两天后的单次观察。没有可比的每日榜单历史,因此无法判断热度能否持续。投入时间前,建议把 README 中的时间线公式和字体/浏览器准备与你自己的段落计划对照一遍。
本文由 AI 根据项目 README 生成,更新于 2026年10月27日,以项目官方文档为准。