产品演示与功能短片
用元素和图片搭出界面示意，镜头段推近讲解重点，字幕兜住解说，比录屏更容易重复修改。
浏览器里的动画工作台
把素材排成动画，
直接导出成片
DungWaaPao 把时间轴编排、配音配字幕和逐帧渲染放在同一条链路上。你在浏览器里拖素材、打关键帧，服务端用同一份渲染核心逐帧画出来，导出的是真正的 MP4、WebM 或 GIF。
01
时间轴 JSON
工程只有一份数据：场景、图层、关键帧、音频与字幕都写在里面。
02
同一份绘制代码
编辑器预览与最终出片都调用同一个逐帧绘制函数，不是录屏。
03
逐帧编码
服务端渲染每一帧并交给 ffmpeg 合成音轨，输出标准视频文件。
核心能力
从第一个元素，到最后一个文件
八件事覆盖一支短片从编排到出片的完整过程，每一件都能单独用，也能串起来用。
时间轴
关键帧、缓动、裁剪、分割、波纹删除。图层、音频与字幕各走各的轨道，一次排完。
了解细节场景与转场
多个场景按顺序拼接，叠化、推、擦等转场按帧数设置，场景边界不用另做一条轨。
了解细节镜头与运镜
场景内切镜头段，每个镜头单独取景，位置、缩放、旋转都能用关键帧做推拉摇移。
了解细节滤镜与特效
模糊、调色、风格化按图层叠加，参数逐项可调，画面效果与导出结果一致。
了解细节文字与字幕
文字图层支持字体与样式；字幕有全局样式，也能单条覆盖，缺字会直接提示。
了解细节AI 配音与口型
台词生成配音落到音轨，时长自动对齐；角色可按音节生成口型关键帧。
了解细节骨骼动画
导入 OpenBone 角色，切动作、调状态机参数、换皮与换音效，角色照样打关键帧。
了解细节导出成片
MP4、WebM、GIF、PNG 序列按需输出，字幕还能单独下载为 SRT 或 WebVTT。
了解细节典型使用场景
不用为了一个动效换一整套工具
知识讲解与口播
台词直接生成配音并落到音轨，字幕按台词切分，角色口型跟着音轨动，改稿只改文本。
角色短片与表情包
OpenBone 角色切动作、换皮、换音效，导出 GIF 或透明 WebM，一角色多套皮肤复用。
动态海报与社媒素材
固定画布上做文字排版与入场动效，关键帧控制节奏，批量导出不同尺寸的短循环。
上手路径
三步走完第一条片子
- 1
打开一个工程
从服务端工程库选一个工程，或导入别人给的工程 JSON。内置示例工程可以直接改，不用从空白开始。
- 2
摆素材、打关键帧
把媒体、元素、文字拖进画布；播放头定位后改属性，开自动打帧就改哪儿落哪儿，关着就点菱形手动落键。
- 3
配音字幕，然后导出
用 AI+ 生成配音、按台词生成字幕；顶栏导出选格式，进度条跑完直接下载文件。
先跑起来，再决定怎么用
本地只需要 Node.js 20+ 与 pnpm：pnpm install 之后 pnpm dev，编辑器在 9000 端口。