ARTICLE · 985263
把公司官网扔给 AI,1毛钱出了条视频
视频剪辑和做 PPT 有点像，都是低频、高价格、还特别费时间的活。以前想做一条产品/公司介绍视频，要会剪辑软件，要找素材、配字幕、调动画、选配乐，折腾几天很正常。这周我们的作业，就是解决这个问题：用 Codex 把一个网页直接变成视频。推荐用gpt-5.6-luna模型，一个视频用时大概60分钟，花费1毛多钱。下面是详细的操作步骤
第一步：视频制作插件
这周带大家看的，是一个非常好用的视频插件：HyperFrames。它和传统视频剪辑工具不太一样，是用HTML的方式来编辑和处理视频。也就是说，一个视频里的文字、图片、布局和动画，可以像网页元素一样被修改。
我们可以选择任意一个网页，尝试把一个网页转换成一个视频介绍。
操作步骤：先选择HyperFrames插件，然后使用计划模式。
参考下面的提示词写一个更合适你所选网址的提示词："https://biji.com/ 这是一个知识管理类应用'得到大脑'的官方网站，我希望为这个产品网站做一个 30 秒左右的产品演示视频。从你的角度出发，看一下我有哪些给你的信息不足，你可以反问我，我来补充需求。"
注意，如果你换了网址，提示词也要跟着改。
为什么要开计划模式？因为视频用途、时长、横屏还是竖屏、什么风格、要不要配音，这些信息不先说清楚，AI 只能自己猜。让它先反问、再定计划，出来的东西才不会偏。
备注：建议在提示词里要求是普通话，我连续几次默认都是地方方言。
第二步：预览、调整、再导出
生成后可以直接在 HyperFrames 的网页里打开预览。这个网页有点像弱化后的剪映，哪里文字太多、哪个转场太快、哪张图比例不对，都可以继续让它改。等效果满意了，再导出成 MP4。
同学的作业反馈
David 万一军选了"得到大脑"官网，做了一支 30 秒的竖屏视频。第一版做完，他发现更像功能卡片轮播：信息太多，横向截图在竖屏里留白很大，转场像 PPT。于是他重做了一版，用"一场会议的灵感"当线索，依次呈现随手记下、AI 自动整理、直接提问找回、让记录继续生长，最后落到"记、找、用，都简单"。他的收获我很认同：网页转视频，最需要先解决的不是"怎么加更多动画"，而是"观众能不能在几秒内看懂一个连续的使用场景"。先收窄叙事，再让真实的产品界面来证明，视频才像产品演示，而不是动态海报。
戴戴这周直接把作业做成了真实交付。她用沁珠宝官网做了一支 35 秒的品牌视频：先分析官网和品牌视觉，提炼品牌定位、设计师团队、全国门店这些信息，再整理产品图和门店照片，设计分镜、字幕和动画节奏，全程统一宋体、凝脂白、银朱红这些品牌元素，反复调整构图和转场，最后导出了 1920×1080 的高清成片。
黄圣凯也做了"得到大脑"的演示视频，叙事结构是"我是谁、为什么选择我、如何用好我"。过程中他修掉了中文乱码、竖版尺寸和时间轴的问题，装好 FFmpeg 之后，横版、竖版两个 MP4 都导出来了。
遇到的问题
Rocky 用公司网站主页做了视频，整体不错，就是默认配音不对，换成普通话就好了。
思丽跟着题目做了一遍，视频和文字都没问题，普通话也标准，但语音播放速度和配乐调了很多次，还是没达到她想要的效果。
武律的感受是，生成简单视频操作不难，但想提高质量、满足要求，还是要不断提醒素材、细化要求。至于 AI 剪辑视频，她还在继续研究。
qq 这周没按常理出牌，她对得到学习圈课程里梅西进球视频那个案例更感兴趣，用 HBO 的网页素材做了一条哈利波特全系列介绍。她的反馈很诚实：相比手搓，AI 并不快，时间主要花在出错和等待上，但它可以不停地持续干。她还总结了出错后的四种办法：停止后继续；新开窗口 @ 原窗口继续；把对话保存成 Markdown 再新开窗口继续；更换模型配合前面三种路径。
写在最后
做过后你可以发现，这种视频有点像网页ppt的感觉，所有的素材都是网页里原有的，或者用HTML代码编码得到的。这种做法跟那种AI视频模型差别还是挺大的，适合特定的场景。不过如果你本身有很多素材，让AI进行剪辑那效果也很好。我们公司之前用这种方式做了很多推广视频。
PS：真心建议还没做过的同学，把自己公司官网扔给codex，让它生成一条视频介绍看看，1毛钱，买个惊喜。
视频号里我上架了部分生成视频的合集，感兴趣的可以瞅瞅。
往期作业：