feat(core): 故事板改为「一场=分镜表」+ 确认故事板按钮气泡引导

- ai/services.py: 故事板单帧提示词改为按场拆多分镜、纵向排成竖屏分镜表(不同景别/运镜),并锁人物脸/商品一致性
- pipeline.tsx: 底栏统一「确认故事板」,未生成时点击弹气泡引导先生成(不再假装跳过)
- pipeline-page.css: 配套 sb-confirm-pop 气泡样式
- 附测试截图与流程文档/perf 产物

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
zyc
2026-06-17 18:32:06 +08:00
co-authored by Claude Opus 4.8
parent 2f6d3f5823
commit d959543d43
20 changed files with 456 additions and 11 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 372 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 359 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 207 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 KiB

+93
View File
@@ -0,0 +1,93 @@
# 流程
1. 进入脚本显示空状态,脚本助手显示三个按钮引导点击
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=ZDcyMDc5OWY1MjA2N2Y1ZDJkZWI2M2EzODAzYmE5ZTdfMzEwYjRiMDhhOTY3YWIxYzA3ODFkYWU4NmE0NDIxNTJfSUQ6NzY1MTkwNTkxMDA2MzE4ODk3MV8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
2. ai全生:即ai生成全部的脚本镜头,需要询问用户风格和人物设定,默认给推荐选项,可以修改
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=ZWU0YTA5ZDBhODVhMjdhZmZiZDgyZTNmZjM0YmJlYzJfODI0YWFiNDZhNzEwMzFjYWEwMTEwMzliMjNiNGVjYzZfSUQ6NzY1MTkwNjc0NDY0NjE5MjM3MV8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=N2Y3NDc0YWU3OWE5ODYyNzAyODkwYWU3N2YwNTI5NmVfYjYyZTE5ZDAzM2ExZWIyZjJlOWU5NTFiYWNmM2U0YzRfSUQ6NzY1MTkwNjg5NzMyMjUxMTMyM18xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
一句话主题:用户输入一句话,比如小红书种草视频,ai根据用户输入的进行脚本生成,(若是有需要获取的数据,比如用户没有说明是什么风格和人物设定也可以和ai全生一样询问用户
自带脚本:用户上传自己的脚本文件,ai从脚本文件中拆分脚本镜头,(若用户的脚本信息不充足,也可以询问用户,ai在用户的脚本基础上补全脚本)
3. ai输出脚本后,自动从脚本中提取信息,如人物:女生、同事,场景:卫生间
显示在脚本镜头的顶部标签,可以编辑,若添加/删除则自动带入输入框胶囊:一条修改,悬浮显示:添加/删除人物/场景:xxx,可以发送确定更改,删除则撤销
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=MTVkMmM5YTRhYWYzMzJjMzE3NjczNDFkZjkxZDJlODdfZGNmNGJmMzRmOGU4NDA3MTVlMzJlZDI3MjI3ODBjZWJfSUQ6NzY1MTkwODM3NTkwMzQ1NjIyMl8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=NDRhM2YyMGNmOTdmZWZmNjk2NjQ2MDVlOGE3NzU2YmVfYjY2OWI5NjI3ZDZhYWVmNzdjZmE1NTNjNjE4YmFlMzVfSUQ6NzY1MTkxMDIxNzM5MTY3MjMwM18xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
4. 确定脚本后进入到基础资产,基础资产有创建项目时选定的商品、人物、场景,人物、场景资产来自脚本页面提取的,没有生成三视图的商品卡片会显示“缺三视图”标签,悬浮标签显示三视图影响视频的生成效果,建议生成
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=ZjEyODZlOGM0YzE1MzVmNDk0OWY0MjI5NTJlZTZkN2FfZTg3NGE3ZDc4YzNkYzkyNjZlY2ViZjgzNzg3ZTA0YmNfSUQ6NzY1MTkxNDIyMjY3MTAyMzI5OV8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
点击商品卡片中ai生成三视图按钮则会在卡片右侧出现生成三视图的弹窗,会有重跑和采用的按钮,需记录生成的三视图版本,可以切换查看不同版本三视图,并且可以选择采用哪个版本的三视图
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=NDkzNjAwMmIxY2ZjNDVhNTZhZWNiNDc1Nzc4ZjA3NDJfN2EyNjFhOGQxMjA1MGU3YWE4NjU0MjVlZDkxNWZkMjZfSUQ6NzY1MTkyMDcwMzMzODA1Njg4NF8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
有哪些人物和场景在脚本阶段已经定好了,那么在基础资产页面就会有对应的卡片占位,在确认脚本进入到基础资产页的时候就可以自动生成,生成图片需要有一个loading的按钮
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=ZWQ1NTMwMmUzNzQ0NGMxNzBhYjljY2I4OTI5ZWQ4OTRfNDdmZjcyZGQxMTcyNjQwOThiNTY0Yzc0N2JiODEyY2JfSUQ6NzY1MTkzMTQ1OTM2MDAxNzYyNV8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
生成人物、场景提示词由ai根据脚本生成,卡片需要显示提示词,提示词支持用户自己修改,点击重跑则会根据用户输入的提示词重跑生成立绘图片,重跑的图片会覆盖当前显示的卡片立绘,可以点击卡片进入到详情去切换立绘的应用,点击替换则是去到演员库使用现有的资产替换图片
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=MmY4OGNiZjliZDQ5N2Y1NmZlYWI4MDgyYzZhZDYzNjRfYjg1YTYwYjY3NzRkYWY5NTg2MWIzODRjNTI2Y2IwMTdfSUQ6NzY1MTkxNTUwOTI5Mzk2MDE2M18xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
演员库有平台预设好的演员,也可以自己上传自己的人物,点击添加演员会去到添加人物的工作台,可以ai生成人物,也可以切换到本地上传自己的人物图片保存
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=MzY4OWQ1NGY0MDFhYzIyNDM0ZWEzZjg0NzJiODU2MTBfODFjMDgxYTRhMjUwOWYyY2Q1YWMwNmYyYTJkOTFmZDRfSUQ6NzY1MjE4MTI3NjY3ODk5OTAxNF8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=YTMwMzAwYjQ2YzJiYmVjMTdlNDY5NmZlNDY1MjdjNTBfMmFmNzgwNTczMWQzOTBkMDU4ODkyODg1ZmU3YTgwYzlfSUQ6NzY1MjE4MTgzODI3ODkzNzc4OF8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
在基础资产点击人物卡片显示对应的详情弹窗,人物详情弹窗需显示立绘/三视图,提示词输入框和重跑按钮,提示词输入框和重跑按钮对应的是立绘,用户修改提示词重跑立绘图片需要保存生成历史,在详情页显示ai生成立绘的版本,可以点击切换,鼠标悬浮立绘大图,在立绘的右下角会显示两个icon:下载、查看大图,
下载:下载当前立绘,
查看大图:点击查看立绘大图,
人物三视图是根据立绘自动生成的,不同的立绘对应不同的三视图,图片生成中需要有一个loading的动态icon,生成完显示三视图,鼠标悬浮三视图,在三视图的右下角会显示三个icon:重跑、下载、查看大图,
重跑:重新生成新的三视图,
下载:下载当前三视图,
查看大图:点击查看三视图大图,
三视图与立绘同理,也需要保存三视图的生成版本,在三视图的下方显示三视图版本的小预览图即可
点击应用到当前项目按钮即把立绘和三视图应用到当前项目中
场景的详情弹窗则不需要显示三视图
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=MDQ5NmY5N2QwYzAwMjA0YmE0MTMwOTE1Y2ViZTNkNGFfN2I5ODM3YjBmZTQ1YWI3MTY1YTcyMmNlNThiNGVlMmRfSUQ6NzY1MTkyNDgyMjA1ODc4MTg3Nl8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
5. 故事板根据前面的脚本和基础资产生成,一张故事板对应一条15s以内的视频,这里需要根据前面的分镜划分,15s以内的分镜在一张故事板里,(一个脚本时长不一定在15s内所有会有多个故事板),左侧分栏则是故事板的预览,中间大图是当前选择的故事板的大图,右分栏是详情,故事板的提示词由ai输出,用户可以自由编辑修改,点击整张重跑即根据提示词把当前选中的这张故事板重跑
现在不允许跳过故事板,去掉底部栏跳过故事板的按钮,没有故事板则鼠标悬浮在“确认故事板,开始生成视频”的按钮时显示气泡提示先去生成故事板
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=YmZlMmQzOGZmZWUyMzBjYjkyYmM0NjllNmZjZWRmZjBfYTEyOWU5YTgyZDAwMDc1ZGQ5MzgwYzZjMjgwOGFiYWZfSUQ6NzY1MTkxMzcyMjU3NTk4MTc4NF8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
6. 视频根据故事板和基础资产生成,因为故事板已经包含了一条视频所需要的画面、台词、人物,点击“确认故事板,开始生成视频”后视频自动生成,不需要再点击开始生成视频,在没有视频拼接导出的功能清空下,隐藏“上传视频”的按钮,右上角只需要有“全部重跑”和“批量下载”两个按钮即可
全部重跑:所有视频重新ai生成
批量下载:批量下载所有视频
视频生成中卡片需显示loading动态icon
视频卡片去掉上传按钮
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=ZmE4MmE4OGE1YTdmZGJkNGQyMTUyZTVmNjJjOTViZWNfNGNlNmNhNmRiMjM4ODY0OGFkNWJiODdhYTNkZmJiMjdfSUQ6NzY1MTkzMzU0Mzk3MDYzOTA2OF8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
视频详情底部按钮修改为“应用当前视频”,重跑按钮改为放在提示词下面,点击重跑则ai根据提示词重跑当前这条视频,历史版本未有也应该显示一个卡片占位,有一个loading的动态icon
![Image](https://internal-api-drive-stream.feishu.cn/space/api/box/stream/download/authcode/?code=YmM4ZmViN2RhYTE2ZGU2NGU5NzY0YThhZWI0NTEyNzJfZmZkNzk0NDMyYTE3ZmQzNzUxOWZjMDM2ZGU3Y2M0OWFfSUQ6NzY1MTkzNDkxMzYyMjEwMDk0MF8xNzgxNjY0Njk3OjE3ODE3NTEwOTdfVjM)
7. 拼接导出先不做,隐藏