How ddcat-ai/open-ai-canvas works
影策是面向影视与短剧创作的 AI 工作台。主要创作路径是：用户在自由画布和结构化项目中组织剧本、角色、场景及分镜，提交多媒体生成任务，经渠道路由调用模型，随后管理生成素材并编排时间线。图中结合 README 明确描述的前后端分层与主要能力；部分功能实现未抽样，因此相关连线只采用文档明确支持的关系。
Main entry points: application.tsx React 工作区 · task_execution.go 任务执行 · service.go 业务服务 · resource.go 资源管理
Components 20
创作工作区
- React 工作区
web/src/application.tsx - 自由画布
web/src/components/canvas - 结构化项目
backend/internal/app/project.go - 时间线剪辑
backend/internal/app/timeline_render_plan.go
生成与 Agent
- 任务执行
backend/internal/app/task_execution.go - 生成引擎
backend/internal/generation/engine.go - 模型渠道
backend/internal/app/provider.go - 云端 Agent
backend/internal/app/cloud_agent.go - Agent 技能
backend/internal/skills/service.go
服务端核心
- HTTP 路由
backend/internal/handler/routes.go - 业务服务
backend/internal/app/service.go - 业务数据库
backend/internal/database/database.go
素材与存储
- 资源管理
backend/internal/app/resource.go - 媒体存储
backend/internal/storage/objects.go - 资源仓储
backend/internal/repository/repository.go
渠道与管理
- 模型路由
backend/internal/app/model_router.go - 管理与渠道配置
backend/internal/app/admin.go - 支付与协议插件
backend/internal/protocol/registry.go
Connections 20
- 创作者 → React 工作区: 创作
- React 工作区 → 自由画布: 组织创作
- React 工作区 → 结构化项目: 管理项目
- React 工作区 → HTTP 路由: 调用 API
- HTTP 路由 → 业务服务: 分发请求
- 业务服务 → 任务执行: 创建任务
- 任务执行 → 生成引擎: 执行生成
- 生成引擎 → 模型路由: 选择模型
- 模型路由 → 模型渠道: 路由请求
- 模型渠道 → 外部模型服务: 调用模型
- 任务执行 → 资源管理: 保存产物
- 资源管理 → 媒体存储: 读写媒体
- 资源管理 → 资源仓储: 读写元数据
- 资源仓储 → 业务数据库: 持久化
- React 工作区 → 时间线剪辑: 编排片段
- React 工作区 → 云端 Agent: 发起对话
- 云端 Agent → Agent 技能: 使用技能
- 业务服务 → 管理与渠道配置: 管理操作
- 管理与渠道配置 → 支付与协议插件: 管理插件
- 管理与渠道配置 → 资源仓储: 查询资源
More TypeScript diagrams: superior-trade/trading-terminal · swiftlang/vscode-swift · opennookorg/screenshot-studio · myriad-dreamin/typst.ts · wangmiaozero/pi-harness
Drawn by GitDiagram on from the repository's file tree, README and source files. Read as Markdown ·