web2 - 单页 AI 视频生成
与现有 web 并列的前端项目,实现单页从故事到成片的完整流程,对接现有 Node 后端 backend-node。
包版本: 1.2.7(与仓库根目录 CHANGELOG 一致)
功能流程
- 故事生成:输入梗概 + 风格/类型 → 创建项目并保存第一集剧本
- 剧本生成:编辑剧本、标题/语言/分镜风格 → 保存
- 角色生成:AI 生成角色列表 → 每个角色可「AI 生成」形象(使用下方配置的图片模型)
- 道具生成:从剧本提取 / 手动添加 → 每个道具可「AI 生成」图片
- 场景生成:从剧本提取场景 → 每个场景可「AI 生成」图片
- 分镜生成:根据当前集生成分镜
- 视频配置:分辨率、配乐、音效、画质、字幕、水印;AI 模型配置(图片生成模型、视频生成模型)
- 生成视频:提交合成任务
运行
# 安装依赖
npm install
# 开发(默认端口 3013,代理到后端 5679)
npm run dev
# 构建
npm run build
请先启动 backend-node(如 http://localhost:5679),并确保 vite.config.js 中 proxy 的 target 与后端一致。
技术栈
- Vue 3 + Vite
- Element Plus
- Pinia
- Vue Router
- Axios
- 纯 JavaScript(无 TypeScript)