文章目录
- 📖 介绍 📖
- 🏡 演示环境 🏡
- 🧭 把视频当网页写：一条可复现的渲染路子 🧭
- 🧩 这个思路到底在解决什么
- 🕐 时间轴契约：写视频其实是在写时间表
- 🖥️ 本机从零跑通：三条命令
- 🎞️ 出片：一条 8 秒视频的真实账单
- 🪛 踩到的第一个坑：浏览器去哪了
- ⚠️ 它适合谁，不适合谁
- ⚓️ 相关链接 ⚓️
📖 介绍 📖
现在让 AI 帮忙做产品演示视频，流程基本是这样：把想法描述给助手，它写出一段 HTML，再想办法转成 MP4。听起来很顺，但真跑起来会发现一个尴尬的事实：同一段代码，今天导出一次、明天再导出一次，两段视频在动效节奏上总有细微差别，更别提换个环境重跑。等你想把某帧画面单独调一调，或者想确认"最终交付的就是刚才预览的那一版"，就会发现根本无从下手。
麻烦不止在"不一样"。视频导出还要额外装一堆工具：剪辑软件、合成脚本、或者让浏览器老老实实一帧帧截图再拼起来。每一步都可能在版本升级后悄悄变形，昨天能用的命令今天就报错。
我们换了一条思路：把视频当成一份带时间轴契约的网页来写，让渲染结果变得可复现。同一段代码重跑十次，逐帧都该长一个样。这条路真跑通了：本机从零搭起来、写第一条时间轴、跑出 MP4，全程有命令和实测数据。踩到的坑和最终效果，一并摊开。
📢注意：本文内容为个人学习笔记，仅供参考。附：读者须知
