企业官网建设流程全解析

大家好，我是沉迷于AI 的Zero君。

经常折腾 AI 的老玩家们可能还记得，前段时间社区里非常火的libtv（或者 tapnow）这类工作流画布工具。它们用直观的连线、节点化操作，把“文本生成-图片生成-视频动画”串联在一起，体验确实非常惊艳：

不过，惊艳归惊艳，每次玩这类工具时，我的钱包都在隐隐作痛。

例如LibTV，以充一个高级会员699一万一积分算的话，你生成一个image2模型的2k图是60积分一张图，换成人民币大概3.5元一张图。

这个定价真是图片刺客！因为生成GPT Image 2的图片在Cyberbara只需要几毛钱。对于我们这种喜欢搞实验、天天高频测试的 AI 创作者和开发者来说，这种“高昂的过路费”实在是让人束手束脚，根本没办法放开手脚去创作。

既然如此，为什么不自己做一个？

于是，我花了两个礼拜，做了一个完全开源、本地优先（Local-first）、支持自带 Key（BYOK）的工作流画布项目——Open Canvas。

今天，我把它分享出来，希望能给同样喜欢折腾的大家提供一个更自由、成本更低的创作解法。

• GitHub 仓库：https://github.com/ZeroLu/open-canvas/

为什么要做 Open Canvas？它有什么不一样？

简单来说，Open Canvas 的目标很纯粹：把主动权还给用户。

1. 本地优先，数据全在自己手里
   它不需要你绑定任何云端大厂的账号，也不依赖复杂的数据库。你的所有画布、连线数据和运行记录，都会以 JSON 格式保存在本地，支持一键导入和导出。如果你有便宜的API，直接用就可以。
2. 功能完善，模型齐全
   目前支持 Note（便签）、Text（文本）、Image（图片）、Video（视频）和 Audio（音频）节点。支持市面上主流provider的各类模型的输入输出。
3. 上游输出，下游自动注入
   这是最爽的一点。你不需要手动复制上一节点的图片链接去喂给下一个视频节点。Open Canvas 会自动解析连线，把上游的图片或文本自动注入到下游的视频/图像生成模型中，实现无缝的工作流自动化。

核心亮点：把创作成本打到“几分钱”的 Cyberbara API

既然是“自带 Key（BYOK）”，那么接入什么 API 决定了你的钱包厚度。

我特别推荐大家配置Cyberbara API-cyberbara.com/zh/api，它的性价比和生态丰富度，能直接帮你把生成成本打下来：

• GPT Image 2：生图效果极其惊艳，但价格只要几毛钱一张！相比 libtv 动辄几块钱的单张生图成本，在这里你可以毫无压力地批量生图。
• Gemini Omni Video：来自谷歌的高质量模型，同样只要几毛钱一条，生成流畅度和细节保留都处于第一梯队。
• Grok Imagine Video：马斯克的“无限制”模型，不仅动力澎湃，更重要的是支持 NSFW，给前沿创作者提供了难得的无限制创作空间。

最方便的是，只需要一把 Cyberbara API Key，就能同时覆盖“生图 + 生视频 + 资源上传/对象存储”的全套流程，免去了满世界找各种第三方 S3 存储和申请不同平台的痛苦。

跑个案例：如何用它串起一套完整工作流？

为了让大家更直观地感受这套工作流的爽快感，我们用一个之前在X上爆火的手绘红线生成FPV穿越机运镜视频的案例来串一下。

1️⃣ 第一步：生成或准备一张高清底图

你可以直接上传一张自己的合照，或者在 Image 节点中输入以下这串Prompt 来生成底图：

Prompt：Photorealistic fashion shot of five diverse women in a luxury modern penthouse. Bright natural light from large windows, city view, dark wood floors, beige sofa, marble wall. Front left: redhead lying down in black top, plaid skirt, heels. Back left: black-haired woman on sofa arm in black top and shorts. Center: blonde on sofa in white shirt, beige shorts. Front right: Black woman sitting on rug in beige vest and shorts. Back right: Black woman in black top and long beige skirt. Cinematic, 8k, highly detailed.

点击运行，稍等片刻，一张超高画质、极具电影感的五人闺蜜合照就生成好了。

2️⃣ 第二步：在画布上“手绘运镜轨迹”

这步是灵魂！普通的图生视频工具，镜头往哪移全凭 AI 抽卡。而在 Open Canvas 里，你可以“画”出运镜轨迹。

1. 点击图片下方的内置编辑工具（Edit Tool）。
2. 直接在图片上用红色的导向线画一条你想要的运镜轨迹。比如从左到右划过，或者从背景推向前景。
3. 这条红线，就是等会儿摄像机的运动轨迹。

3️⃣ 第三步：连线 Video 节点并完成生成

现在，拉出一条连线，将你的 Image 节点连到Video 节点。

为了达到完美的运镜效果，请进行以下关键设置：

• 比例：16:9
• 分辨率：720P
• 时长：15秒
• 注意：由于图片中包含大量写实的人脸，为了防止转视频时脸部崩坏，请在模型选项中务必选择“Seedance 2.0 Stable”模型。

在 Video 节点的 Prompt 框中，输入这行镜头控制指令：

Video Prompt：FPV shot. The camera follows the motion path of the red guide line, the red line must not be visible in the final footage.

运行！Open Canvas 会自动解析你的图片以及你在上面画的那条红线，并自动抹除画面中的红色参考线。

出来的视频效果会让你惊掉下巴：镜头顺着你手画的红色轨迹，极其丝滑、自然地游走在房间里，每个人物的面部和身体动态自然无崩坏，简直就像是一部精心调色后的电影预告片！ 。

如何开始使用？（提供 3 种姿势）

为了照顾不同折腾程度的玩家，我准备了三种体验方式：

姿势一：直接访问已部署的在线 BYOK 版（最推荐 ⚡️）

如果你不想折腾本地环境，但想用自己的 API Key 体验低成本生成的快感：

1. 电脑浏览器直接打开：open-canvas.cyberbara.com/zh
2. 点击右上角的Providers按钮。
3. 填入你的Cyberbara API Key（可在 cyberbara.com/zh/api 注册后直接免费获取）。
4. 新建画布，直接开玩！

姿势二：小白极简无脑版（免 Key、免配置 ☁️）

如果你觉得配置 API Key 还是太麻烦，只想直接上手玩画布：

• 直接访问：cyberbara.com/zh/canvas
• 这是 Cyberbara 托管的 Canvas 页面，不需要生成和配置 API Key，开箱即用，最适合不想折腾的小白用户。

姿势三：本地部署、完全自托管（开发者专属 🛠️）

如果你是开发者，想本地运行、修改代码甚至贡献 feature：

1. 克隆仓库：

   gitclone https://github.com/ZeroLu/open-canvas.gitcdopen-canvas

2. 安装依赖并启动：

   pnpminstallpnpmdev

3. 打开http://localhost:3000，首屏即是你的本地画布列表页。

4. 在页面里填入你的 Cyberbara API Key，或者参考.env.example配置你自己的本地 S3 兼容对象存储，即可实现完全的“本地自给自足”。

写在最后

目前 Open Canvas 还处于alpha阶段，模型列表（model catalog）和模型 schema 的动态表单等功能还在路线图里逐步完善。它算不上十全十美，但它足够简单、轻量、且完全开源。

我希望通过这个项目，能帮大家打破高昂的创作壁垒，用最低的成本（几毛钱生图、生视频）去拼装出属于自己的 AI 工作流。如果你也喜欢这个方向，欢迎来 GitHub 提 Issue 或 PR，我们一起把它变得更好玩。

• 项目 GitHub 仓库：ZeroLu/open-canvas （觉得不错的话，顺手给个 Star 支持一下，感激不尽！）