AI视频最有意思的下一步，不是继续播放视频，而是把它拆成一个可确定控制的网页动作资产
AH-0540原作者开源的Oil Motion不是普通“AI生成视频Skill”。 它的关键想法是： AI视频负责生成复杂连续运动； 程序负责把运动变成可以确定控制的交互资源。 截至2026-08-15，官方 oil-oil/oil-motion 仓库采用MIT，README明确描述： 参考素材/表达目的/控制方式 → 确认开始、中间、结束关键画面 → AI生成连续动作 → 逐帧删停顿
AI视频最有意思的下一步，不是继续播放视频，而是把它拆成一个可确定控制的网页动作资产
AH-0540原作者开源的Oil Motion不是普通“AI生成视频Skill”。
它的关键想法是：
AI视频负责生成复杂连续运动； 程序负责把运动变成可以确定控制的交互资源。
截至2026-08-15，官方 oil-oil/oil-motion 仓库采用MIT，README明确描述：
参考素材/表达目的/控制方式 → 确认开始、中间、结束关键画面 → AI生成连续动作 → 逐帧删停顿、重复、异常 → 按真实显示尺寸压缩 → 将滚动、鼠标、拖动、触摸或设备方向映射到动画进度。
这是一条很值得alphahole长期保留的生产方法。
1. AI视频和网页交互解决的是不同问题
AI视频最擅长： 复杂形变； 肢体运动； 材质变化； 遮挡关系； 连续视觉运动。
网页代码最擅长： 确定进度； 响应输入； 限制速度； 回退； 状态同步； 重复播放。
如果所有东西都交给视频模型，用户每次交互结果不可控。
如果所有运动都靠CSS/JS插值，复杂3D/角色形变又会很僵。
所以更合理的是：
Generative Motion + Deterministic Control。
2. 关键画面比Prompt更像真正的Contract
Oil Motion先确认： 开始； 中间； 结束。
不是因为Prompt不重要。
而是产品结构、Logo、角色身份、比例、最终拆解状态这些东西，不能只靠一句自然语言“尽量保持一致”。
关键画面相当于：
Visual Acceptance Contract。
连续生成必须在这些锚点之间工作。
3. AI生成中间帧 ≠ 真实三维几何
这点特别重要。
一组连续视频帧可以让用户感觉“产品正在旋转”。
但它并没有自动建立真实3D模型。
当需要任意水平+垂直视角、精确结构、工程展示时，一条左右转动视频可能无法覆盖二维方向空间。
所以：
Video-to-Sprite Motion ≠ Native 3D Model。
不能用漂亮视觉替代几何真实性。
4. 逐帧检查不是可选步骤
AI视频最常见的问题恰好出现在中间帧： 多一只手； 零件消失； Logo变形； 纹理跳动； 停顿； 重复； 闪烁。
如果网页把这些帧映射到滚动位置，异常会被用户反复“停在眼前”。
因此交互资产比普通视频更需要Frame QA。
5. Sprite Sheet和视频是资源预算决策
官方README当前区分： 小型/环形/频繁随机访问 → Alpha WebP图集； 大尺寸/长时间轴/一维滚动 → 关键帧MP4/WebGL路径。
这说明技术选型不应该按“哪个更酷”。
而要看： 访问模式； 帧数； 显示尺寸； 内存； 网络； 移动端； 随机跳转需求。
Media Format is a Performance Decision。
6. 实际显示尺寸决定压缩，而不是原始生成分辨率
网页只显示300×300，却加载一整套超高清帧，会把AI生成成本转成用户下载成本。
所以要建立： Desktop Budget； Mobile Budget； Preload Budget； Memory Budget； Fallback Budget。
这和我们网站未来“工具+互动实验”非常直接相关。
7. reduced-motion不是附加项
官方README明确把“用户选择减少动态效果时显示静态替代内容”放进质量检查。
这是正确的。
交互动效不仅要在成功时漂亮，还要在： 加载失败； 网络慢； 手机性能差； 用户关闭动态效果；
时仍然可用。
Interactive Asset Needs a Non-motion Truth State。
8. API Key仍要进Secret Gate
Oil Motion第一次生成时会配置视频生成API Key，并称只保存在本机。
无论具体供应商是谁，都仍然需要： Provider； Scope； Storage； Log Exposure； Rotation； Revocation； Cost Limit。
本地保存不能自动消灭密钥治理。
9. 商业机会：Interactive Motion Asset Pipeline
它特别适合： SaaS首页； 工具演示； 产品拆解； 设备交互； 教育动画； 数据故事； 品牌落地页。
收费点不是“生成一条AI视频”。
而是：
Motion Brief → Keyframe Contract → Generate → Frame QA → Optimize → Interaction Mapping → Accessibility → Performance QA → Deliver。
10. 对alphahole自己的意义
alphahole一直想从文章站变成： 工具 + 互动实验 + 教学。
Oil Motion提供了一条可复用的视觉资产生产路径。
但我们不需要立刻再造一个V2。
先把它用于一个真实互动工具页面，做V3： 加载体积； LCP/交互延迟； 移动端帧率； 用户是否理解； 是否提高完成率。
Stop Rule
如果互动动画： 资源太大； 移动端掉帧； 关键结构持续漂移； 动画比内容本身更抢注意力； 关闭动画以后页面信息不完整；
就回退到静态图/简单CSS。
最好的AI动效不是让用户意识到“这里用了AI视频”，而是把复杂运动压成一个可控制、可回退、可验收的产品组件。
11. 交互动效需要Content Dependency Map
如果一段动画只是装饰，失败时可以直接隐藏；如果它承载“产品如何拆解”的核心信息，失败时必须有静态步骤图或文字说明。把动画在信息架构中的角色写清楚，才能设计正确fallback。
12. 还要测输入设备，而不只是浏览器
鼠标、触摸、触控板和设备方向的输入噪声不同。桌面端看起来顺滑的阻尼，在手机陀螺仪上可能不断抖动。交互映射应记录Dead Zone、Max Speed、Smoothing和Direction Clamp，并在真实设备上测试。
13. AI资源也需要可再生成性
如果半年后要换产品颜色、Logo或关键画面，团队应该知道原始Prompt、关键帧、模型/provider、生成参数和后处理脚本在哪里。否则所谓“AI资产”只是一次性导出的黑盒文件。Delivery Manifest本身就是长期维护价值。