公开知识库

PPT 正在被 HTML 淘汰：用 HTML 做视频素材

9分钟阅读

PPT正在被HTML淘汰 | 我开始用html做视频素材

摘要

本期视频探讨了视频制作流程的范式转移，即从传统的 PPT 排版转向利用 HTML 视频素材工作流 生成视频素材。作者指出，PPT 在排版灵活性和 Token 成本上存在劣势，而基于代码生成的 HTML 不仅能精确控制布局，还能大幅节省大模型 Token 消耗，极大地提升了创作效率与视觉质感。

亮点

  • 传统的PPT制作方式不仅耗时且排版难以对齐，本质上依赖AI生成大量图片，导致Token消耗极高。
  • HTML基于代码和文本生成，能够实现像素级的精确排版，生成的内容逻辑更规范且即刻可用。
  • 使用AI代理工具生成HTML页面时，AI能够自动调用前端资源，精准适配品牌色彩与设计风格。
  • HTML生成的视频分镜具备更高的交互性与美观度，视觉效果远超人工手动调配的PPT素材。
  • 创作者可以利用“提示词”一键将HTML内容转化为可编辑的PPT文档，实现工作流的无缝衔接。
  • 转向HTML工作流后，从脚本到成品的时间缩短至两分钟以内，显著降低了制作难度与成本。
  • 这一变革标志着内容创作从“使用工具做内容”进化为“用语言表达内容”，让AI真正退居幕后辅助表达。

#AI创作 #工作流优化 #HTML #视频制作 #PPT教程

思考

  1. 使用HTML制作视频素材，是否要求制作者具备专业的编程知识？
  • 不需要。现代AI代理工具（如文中提到的小米Memo Agent）通过自然语言处理技术，将“写代码”的需求转化为“说人话”的提示词，极大降低了技术门槛。
  1. 将HTML转换为PPT的意义是什么？
  • 主要为了方便存档和后续的二次编辑。HTML生成的素材适合直接录屏或截图用于视频，而转存为PPT格式则方便团队内部共享、归档或进行最终的纸质打印修改。

术语解释

  • Token: 大模型处理文本的基本单位，PPT生成因依赖图片渲染，通常会消耗大量Token；而HTML基于纯文本代码，能实现更高效的算力利用。
  • Memo Agent: 一种基于AI的智能代理，能够理解用户的意图，自动调用网络资源、前端开发技能，并自主完成网页结构的构建与设计。
  • 前端Skill: 指AI调用HTML/CSS/JavaScript代码编写能力，通过代码实现精确的页面布局、颜色配色及字体调整，避免了传统图形编辑器的位移错乱问题。

AI 改写内容

PPT 正在被 HTML 淘汰！我开始用 HTML 做视频素材，效率提升 100% 🚀

你是否也曾为了做一个视频分镜，在 PPT 里反复调整排版、找配图、对齐字体，折腾了几个小时还没搞定？即便让 AI 生成 PPT，它本质上也是靠生成图片来堆砌，Token 消耗极高，效果还常常跑偏。

最近，我发现了一个足以颠覆传统视频制作流程的新方案：用 HTML 代替 PPT 制作视频素材。

视频开头：探讨 PPT 制作困境---

📊 为什么 HTML 比 PPT 更适合做视频分镜？

很多人看到那些精致的视频分镜，以为是用了什么高级 PPT 模板，其实那是基于代码生成的 HTML 页面。相比 PPT，HTML 具有以下降维打击的优势：

  1. 极低 Token 消耗：PPT 生成往往依赖图片渲染，消耗大量算力；而 HTML 是基于代码和文本生成的，同样的内容，消耗的 Token 几乎可以忽略不计。
  2. 像素级精确排版：PPT 的元素经常会因为版本或软件问题错位，但代码定义的尺寸、颜色、位置是绝对精确的，生成即成品。
  3. 高质感视觉：HTML 能轻松实现各种丝滑的交互和精致的排版风格（如 Apple 风、Notion 风）。

对比 HTML 与 PPT 的生成逻辑---

🎬 实测演示：AI 智能体如何 2 分钟出分镜

这里我使用的是小米的 Memo Agent。它不再是一个简单的对话框，而是一个能调用前端技能、自主搜索并执行任务的 AI 代理。

案例一：让 AI 自由发挥生成演示页 🎨

我给了一个简单的指令：“做一个 PPT 风格的 HTML 介绍小米最新发布的 Memo 大模型，苹果风，黑底，加上小米 Logo。”

使用 Memo Agent 自动生成内容结果令我惊艳：

  • 它自动搜索资料，将内容分为封面、核心参数、技术亮点等 8 个模块。
  • 它甚至知道小米的品牌色是橙色，自动设计了渐变色调。
  • 如果你需要存档，只需一句话：“把这个 HTML 转化为 PPT 文档”，它就能直接转换成可编辑的文字稿。

🚀 进阶玩法：基于已有脚本快速生成

对于博主来说，最实用的莫过于将写好的脚本直接转化成视觉素材。

案例二：从脚本到成品仅需 2 分钟 ⏱️

我把上期视频的脚本直接丢给 AI，并规定了具体的配色（黑白背景、紫色强调文字、黄色高亮）和风格（Notion 风）。

基于已有脚本生成的排版效果最终出来的效果，排版极其工整，代码块卡片和对比栏一应俱全。我现在的流程就是：写脚本 -> 丢给 AI 生成 HTML -> 录屏/截图作为素材。曾经需要磨一两个小时的工作，现在 2 分钟搞定。

💡 启示：当工具退居幕后，表达回到台前

这件事最深刻的意义在于：AI 让 HTML 的门槛降到了零。

以前我们需要学习复杂的软件操作或编程代码，现在你只需要“会说人话”。这不单单是工具的升级，更是内容创作范式的进化。

总结：AI 带来的创作范式转移当工具不再成为门槛，我们的精力终于可以从琐碎的排版中解脱出来，回归到内容表达本身。这，或许才是 AI 改变创作的真正价值。

本期工具： 小米 Memo Agent
适用场景： 视频分镜、极简演示文稿、快速素材产出

此文件夹下有0条笔记。