hyperframes可以做动漫么

好了，大家好，这段时间 codex 相信很多小伙伴已经上手，开始用了一个非常好用的 openai 的 桌面端的一个 agent 工具。那么今天我想推荐一个 codex 里面的一个很强很厉害的一个做视频的插件叫 hyperframes， 它可以帮你按照网页的形式去做成一个视频，相当于用写前端的代码去做一个视频。首先我们知道 ai 在 写前端代码这块已经是非常厉害的，所以说这个插件就可以帮你 让你的 ai 像写代码一样去做视频。好的，那么我们就直接来试一试这个插件到底有多厉害。使用是在这边点击这个插件下面找到这个 hyperframes， 安装之后我们直接右上角点在对话中使用。这里我把 cloud 的 一个官网给他，我说一句，请根据这个网站做一个产品的宣传视频。好的，我们这里让他开始执行。好的，可以看到他跑了一段时间，他去官网去拉取了一些他需要用到的素材， 他接着在执行。好的，现在他已经生成好了，他已经跟我们说宣传视频已经生成好，在这里只需要点开就可以去预览。 并且他除了宣传片以外，他还使用了官方的素材，产品的文案，他还有动画的分镜，他还给这个宣传片加了旁白的阴鬼。让我们来一起看一下 the ai for problem solvers breakdown complex work together research write analyze data and code with expert level collaboration bring code to your desktop browser tools and team code by anthropic think bigger work clearer。 可以 看到整个效果还是非常好的，除了可能画面中有个别的小细节， 有一些排版上的问题，整个的效果你敢相信是我只用了一句话，没有经过任何修改它就出来的一个结果。随着 ai 进一步的发展，一开始的文字、 图片、视频以及到现在的全自动的生成视频以及剪辑， ai 的 发展只会越来越快，而且这个工具对于很多想要制作一些宣传视频、科普视频的人来说非常的有帮助。

你现在看到的这条视频就是 codex 加 hyperframes 做出来的，包括所有的动画字母以及里面的图片生成内容，包括这条视频也是 codex 自己发出来的。接下来我给大家拆解流程。首先我把这个视频的文文本案复制到 index t t s 去做配音生成，没错，这个视频的配音 也是 ai 的。 接下来在 codex 当中找到插件，下拉找到 hyperframes 白黑键，点击加号，再点击安装，然后就可以到对话窗口艾特这个插件，再把这段音频 一起放到聊天窗口，然后把要求给到它， codex 就 会根据 hyperframes 这个插件做出对应的动画。值得惊讶的是，当我看到这条视频的成片时， codex 居然自己去文件夹看了我的录屏素材，然后自己剪进了成片当中。所以你们会看到鼠标动画，但是我从来没有告诉过 codex， 我 提前录了屏。 这就是 codex agent 的 聪明之处，整个动画都是由 ai 自己调用技能做出来的，包括你看到这里可能会觉得这个动画有点看腻了，那这个时候应该有点真实的动画有点看腻了，比如一个玩美女的滑板，或者一个正在喝帅哥的咖啡， 是因为这个部分啊，调用了今天的 emerge 二生成图片，所以你看起来这个视频才不会那么枯燥。包括这期视频的封面也是 codex 做的， 视频发布也是他自己发出来的，既 computer use 功能发布之后，随之又上线了 chrome 的 功能，所以我就提前登录了视频后台，你才能看到这条完整由 aint 全流程制作，自动发布出来的视频。

你现在已经可以一句话生成一条视频了，这不是用剪映，也不是用极梦，更不需要你上传素材，就是 codex 的 这个插件 hyperfree。 比如，我想生成一条小李子和他女朋友年龄的对比视频，只需要输入一句话，他就给了我这样一个视频。 在以前做视频，你还需要拍摄，要剪辑，要配音，要调色，还要写脚本，现在一句话视频就出来了。再比如啊，最近这个霍尔木子海峡的封锁对于全球经济的影响，输入这样一句话，他很快就给了我这样一条视频。 霍尔木兹海峡不只是一条航道，它是全球能源的关键咽喉，全球大约五分之一的石油和天然气都要经过这里。一旦长期封锁，影响就不只是油价上涨，而是通胀、 贸易和全球经济一起撑压。亚洲国家会先感受到能源成本飙升，欧洲也会被迫高价抢天然气，接下来运输食品、电力都会变贵，全球经济会从效率优先转向安全和韧性优先。所以霍尔木兹海峡一旦长期受影响的将是整个世界经济秩序。 当很多人还在学剪辑的时候，现在 ai 已经开始跳过剪辑师。以前的内容行业拼的是执行力，那未来拼的可能就是想象力及谁更会给 ai 下指令。关注我，接下来我会继续测试，看看 ai 还能把内容行业卷成什么样。

今天我才发现， codex 不 仅能写代码，还能做视频，简直太丝滑了。首先在 codex 的 插件市场安装 hyperframes 插件， 然后告诉他你想生成怎样的视频，他就会自动写文案，自动配音，自动添加背景音乐，只需要几分钟就能做出一个高质量的宣传片，全程你只需要点确定确定就行了。

嘿，大家好，我是白发难治。很多尝试用 ai 剪视频的人，最后都抱怨画面对不上节奏稀碎，效果就像开盲盒一样。过去几天，我深入了解了有有黑镜团队开源的视频编辑器 hyperframes， 它刚刚迎来了史诗级版本大更新，直接把全自动化视频生成能力推向了 风尘的高度。你以为 ai 剪辑还停留在用嘴随便说一句就指望它出大片的阶段？今天的内容彻底颠覆你的认知，我将直接带你打通这套全自动精 剪口播，加上三 d 动态效果叠加的工作流。首先，我们必须弄明白，这种级别的 ai 剪辑底层逻辑到底是什么。传统的剪辑需要人在时间线上手动拖拽素材，但 hyperframes 的 核心优势在于，它是用 a、 t、 m、 c、 s、 s 和 javascript 直接在网页里搭建的画面，你的转场字幕，甚至是三 d 动效，全都由代码控，最后再由浏览器一帧一帧截图进行成 mp。 四视频 a、 t、 m l 的 渲染，对传统的文本格式是真正的降维打击，它能承载极高的信息， 一层复杂的交互组建。以前你要花几千块找专业特效师做的玻璃质感卡片、三 d 动画等等，现在全靠代码直接一嘴成片。接下来就是见证魔法时刻不在终端。调用 hyperframes 之后，你能直接实现三大杀手锏。第一， 全自动口播精简。它内置着 whisper 模型生成时间戳、自动剪、自动裁剪、无效停顿静音片段。如果一句话你说错了，重复两次，大模型会通过语音分析自动保留，最后一次完美切掉。废话，整个过程完全不需要你剪轨道。第二，网页一键转三 d 宣传片。只需要给他一个网站连接， ai 就 能自动分析落地页一键转换成带有三 d 动态展示的专业产品宣传片，外面大把人正在用这项技术来赚钱。第三，极其震撼的动态特效，只需要极经典的中文指令，它就能帮你生成带有动感的订阅按钮，或者根据上传的音频自动生成绝不穿帮的三 d 音频。组 建、修改、设计、更换科技风配色，也只需要一句话就能搞定。不过作为过来人，我必须给你几个极其硬核的避坑建议。首先，时间成本 极高，这种代码渲染非常吃电脑配置，每调整一轮重新渲染成视频可能需要半个小时到一个小时的时间。所以想清楚再让他动手，能 省下大量的时间。其次，别指望 ai 联网帮你找素材，找回来的经常和画面对不上，一定要自备高清素材。图片可以去一些开源网站找背景音效，用三种合成配音弦，机械就可以用 mini max 固定一套视觉工作流，你的出片效果才是最稳定。 ai 剪辑的时代，谁手里握着素材库最权，谁就拥有最大的优势。如果你想彻底解放双手，批量产出高画视频，我会将这期制作的全部素材和提示词放到评论区。我是白发男志，关注我，让我们一起探索 ai 自动化的无限可能，我们下期见！

hello， 大家好，今天给大家安利一个近期非常火的 ai 开源的动画框架 hyperframes， 它能做些什么呢？咱们先看效果， 刚刚大家看到的这些视频都是我用 codex 和 hyperframes 生成的，整个过程我没有写一行代码，完全依靠 ai 自动生成。 那他是怎么做到的呢？简单看一下他的底层逻辑。首先生成 html 网页来搭建静态布局，然后解析元素上的属性，明确每个元素的动画轨迹。接着编排局的动画时间轴，调度元素的出场顺序。一切就绪后，系统将页面逐帧渲染并截取快照， 最后将这些图片编码合成，输出最终的视频大片。这里我们可以先从官方提供的势力开始。 hyperframes 官网提供了出使化的命令，我们可以直接出使化一个势力项目， 在终端输入复制的命令，并将 example 的 名称改成你想出使化的势力名称。执行完成后，会直接拉起浏览器渲染，预览 官网的 playground， 页面里还有一些已经做好的作品，你可以拷贝对应的代码到你本地的项目中。 和大部分 ai 框架一样， hyperframes 可以 以 skill 的 形式安装，无缝接入你习惯的任何 ai 工具中，复制官方的命令进行安装。 安装过程中会让你选择是否要同步安装一些前端动画框架。你也可以通过 codex 的 插件进行安装。操作非常简单，在 codex 的 插件市场里搜索 hyperframes 就 能找到。这里我已经安装好了，直接点击在对话中试用。可以看到官方提供了一个视力提示词， 把这个网站变成一个二十秒的产品宣传片。这里我就直接拿 codex 的 官网做个测试，把官网链接甩到提示词里，点击。开始过程中可以看得出来，它是通过无头浏览器把页面渲染出来后，截取网页快照来进行分析的。 这里视频生成好了，我们来看下效果。这里生成了一个二十秒的视频，总共四个分镜， 说实话我感觉效果还不错。 在左侧这一栏是深层的多个分镜，每个都能单独预览切到 code， 试图你能直接看到对应的 html 代码，可以直接在这里快速调整，比如我想把这两个标签删掉。 代码改动后，右侧画面是实时生效的，当然，不懂代码也没关系，可以让 ai 帮你改，也可以在右侧的工具栏修改， 也可以通过拖拽来调整布局。调整完成后，点击右上角 renders 生成视频文件。 看到这里，可能有很多小伙伴会问，都是通过代码生成视频， hyperframes 和 motion 有 什么区别呢？ hyperframes 官方也有说道，它们的灵感来自 motion， 两者都是通过 chrome 的 无头浏览器渲染出页面。 差别在于， remotion 完全基于 react 框架，需要经过打包和构建，能支持复杂的动画和数据驱动视频，且商业化使用有收费门槛。 而 hyperframes 则回归原声， h t m l 为 ai agent 量身定制的，适合大模型，用自然语言直接生成视频，采用 apache 二点零协议，完全免费开源。我个人的建议是，如果你是团队合作，或者需要沉淀一套基础动画组建库，长期附用 remotion 可能更合适， 但如果你想用最快的方式，或者想基于已有的网站快速出一个宣传视频，那 hyperfreepress 绝对是你的首选。以上就是本期全部内容啦，感谢大家观看。

现在要做动画效果，你再也不用去学软件买插件或者花钱请人做了，用 remote 就 可以。 最简单的方法就是用 codex 一 键安装 remote 插件，然后把你的需求告诉他。比如我跟他说按时间顺序用动画呈现二零一五至二零二五年间， spacex 的 每一次火箭发射，显示发射的抛物线轨迹，并带有轨迹渐影效果， 采用抽象极简主义的美学风格。 codex 会自己创建项目，搭建项目骨架、安装依赖以及上网搜索相关的素材。 其实这整个过程你都不需要盯着，让 codex 自己跑着就行，它还是蛮靠谱的，会自己想办法解决遇到的问题。等完事了， codex 会自动弹出一个本地的网页出来，你点击播放就可以预览了。 你看，基本上就是我提示词里说的，用抛物线去呈现过去十年的每一次发射抽象极简的风格。 如果觉得质量 ok， 可以 选择 random 渲染。导出之后就是 mp 四文件了，之后你可以把这个文件放到剪辑软件里做进一步的处理。 就像我在星球里说的，我之前是真的打算请人帮我在每一期视频里做进一步的处理。就像我经常会谈到一些没有现成素材能用来演示的内容， 比如刚才那个 spacex 火箭发射的动画，后续如果再优化一下的话，那当我谈到马斯克他们过去几年持续不断的做火箭的研发和测试的时候，这一段的视频素材就可以用上了。还有类似这种介绍人物的视频，也是用 codex 加 remotion 做的， 我给了他一段非常详细的提示词，过程中还改了两次，才有现在的样子。所以你看，又一块市场需求给 a i t 带掉了。 而且不只是 remotion 可以 做， hyperframes 也可以做。它在 codex 里也有现成的插件，你安装就行。这两个插件都属于代码化的视频生成。技术上的区别在于， remotion 是 用 react 显示屏， hyperframes 是 用 html 显示屏。 那在实际使用中，我自己的感受是， remotion 更适合工程化生产， hyperframes 更适合 ai 辅助快速创作。 如果你的项目比较复杂，比如有多场景组合、字幕同步产品 ui 演示、动态图表等等，那我建议你用 remotion， 它最大的优势是工程化很强。如果你只是做一些轻量化的 motion graphic， 比如网页短视频、文档短视频等等，那用 hyperframes， 它最大的优势是简单和 asian friendly。 刚才这一段我就是用 hyperframes 做的，我建议大家都试一试，然后根据自己的实际体验做出选择。 ok， 以上就是本期内容，想了解 ai， 想成为超级个体，想找到志同道合的人，就来我们 newtype 社群，那咱们下期见。

哥们，你写个 html 就 能直接渲染成视频，这就是 hyperframes， premiere， ae 全不用学浏览器，就是你新的渲染引擎。 你写的每一行代码都会变成视频里的一帧 css 动画，直接用就行。弹跳、过渡、渐变全都支持 gsf 时间线 精确到 ds 的 动画编排，一行代码控制整个时间轴。 three g s 三 d 场景，完整的三维渲染能力，场景一目了然。 webgl 着色器自己写片段，着色器做出连 ae 都做不出来的图形特效，还支持数据可视化，柱状图，数字滚动全都能炫 粒子系统也没问题，上百个粒子的动态效果一帧一帧输出，你想想网页上能做的所有效果，它都能拍成视频给你看。最牛的是什么？ 每帧都确定可复现同样的代码，每次渲染出来完全一样。 ai 可以 直接量产视频，这在以前根本不可能，而且完全开源 ipad 二点零 gitlab 已经一万六千多颗星了。这个方向我觉得非常值得关注，我后面继续深挖，关注不走丢。

用 ai 自己干副业，掌握 codex， 等于掌握了豆包、集梦、剪映这三款基础软件，新手也能一晚上做出完整 ai 漫剧。今日收入六百元，今天把全套操作流程毫无保留分享出来，大家直接照着抄作业就行。原本整套流程有五大步骤，用 ai 生成剧本，再拆分镜头画面， 还要接着文字转图片制作素材，随后将图片合成动态视频，最后完成剪辑、配音收尾。现在用 codex 就 能自动解决大部分流程，从详细步骤到实操演示视频，全部整理打包好了，全程没有复杂操作，零基础也能快速上手。想要系统学习 codex 的 朋友，赶紧点个关注，跟着我一起学习！

你有没有想过，视频也可以用代码写出来？你接下来看到的这个视频啊，就是完全用 html 代码生成的大模型，处理信息是按 tcm 计费且消耗算力的。如果你每次提问都带上一段永长的背景材料模型，每次都要从第一个字重新读起， 这不仅慢而且贵。视频中的文字、图标、动画、排版、声音全都是代码跑出来的，我把这个过程做成了全自动的流水线，制作这样一个动画视频只需要五分钟，系统会 上一期视频，很多小伙伴在评论区问我这些动画是用什么做的，那今天这期视频呢，我就跟大家分享一下这是如何办到的，你也可以零基础做出这样的视频。用 ai 做视频啊，大家应该非常熟悉了，比如用 c 弹石来做这样的，你是否在雪山被一只狐狸救过？你终于来了这样的 轩辕，祝大家新年快乐！甚至这样的过招以来，每年毕业大学生数百万计， 犹如过江之计。但是呢，有一类视频，就目前来说，以 c 弹式这样的模型还不太擅长，这就是知识讲解类的视频。 这类视频的特点是有大量的文字、线条、图表、动效，需要实现精准的控制，而这些东西呢，是前端的舒适区。而且现在 ai 写前端已经非常成熟了， 所以让 ai 来写前端代码，然后转换成视频，就成为了一条非常清晰的路径。今天我就给大家推荐三种方法，都是走的这条路线。首先介绍第一种方案， remoteing。 remoteing 是 一个用 react 写视频的框架，在 ai 编程出现之前啊，就已经存在了，但是因为 react 的 限制，注定了以前就只有前端程序员才能玩，而现在有了 ai， 普通人也能玩了， 使用起来也非常简单。通过这行命令安装 scale， 安装完成之后，就可以在 cloud code codex 这样的编程智能体中使用 scale 来制作视频了，只需要一句话描述需求。比如这是我用 cloud code 加 remotion 制作了一个讲解大模型训练过程的短片。 除了 remotion 呢，最近 x 上又流行起来了另外一个开源方案， hyperframes。 和 remotion 不 同的是啊， hyperframes 不 需要 react， 直接写原生的 html 代码。使用方法和 remotion 一 样，使用 scales 的 方式安装，然后在 cloud code 或者 codex 等智能体中使用这个 scale 来制作视频。 同样是讲解大模型训练的过程，这个是我用 cloud code 加 hyperframes 做出来的版本。你们觉得 remotion 和 hyperframes 谁做的更好一点呢？ remotion 和 happy friends 啊，都是很不错的开源方案，不过我个人用了之后啊，觉得这两个东西都还是太偏技术了一点，适合喜欢折腾和研究的人。对于不怎么懂技术的朋友来说呢，门槛还是有点高。 如果你想无痛体验 ai 做这类动画，那推荐下面第三种方法。 svg animate 是 我开发的动画创作网站，最近啊上新了 html 视频的功能， 使用起来非常简单，你只需要描述你的需求，比如就说帮我做一个讲解大模型训练过程的视频，然后这里有几个配置项可供配置，如果不选的话呢，就使用默认的配置。第一个配置项是视觉风格的选择，这里面我内置了十几套的视觉风格，包含了一些常见的风格，后续也会不断的丰富， 在这里可以对要做出来的视频风格有一个大体的预期。第二个配置项呢，是为视频选择音色，这里面同样内置了十几种音色，每种音色又对应不同的说话风格， 当然你如果不需要声音啊，也可以直接关掉。第三个配置项是视频画面是横屏还是竖屏的选择。配置选择完成之后呢，输入你的提示词，然后发送给 ai， ai 自动帮你写足字稿。把旁白拆成一段一段的分进脚本， 脚本和分镜。完成之后啊，会有一个确认的过程，如果觉得 ai 写的不好，可以在这里进行修改调整，直到你觉得可以进入下一步了。点击一键生成视频， ai 会把每个分镜渲染成带动画的 html 页面，再把所有画面按顺序拼接起来，增加转场过度。然后配上 ai 生成的旁白音频，一个视频就这样诞生了。你知道一个上知天文下知地理的大模型是如何诞生的吗？它的成长经历了三个关键阶段， 首先是预训练模型，在海量的互联网数据中博览群书，学习语言的规律和逻辑。接着是指令微调，通过人类精心设计的问答队，让模型学会理解指令，开始听懂人话。最后是强化学习，引入人类反馈，像导师一样修正他的回答，让他更安全，更聪明。从 数千亿参数的混沌到精准智能的应答，这就是大模型的进化之路。在这个过程中，如果你发现生成的画面不太满意，可以随时中断它，以节省积分的使用。 或者生成完之后啊，对于个别分镜的画面不太满意，你也可以单独修改这个分镜的画面旁白和提示词，重新生成画面。 如果你也想体验这个 html 视频的新功能，也欢迎在评论区留言，我将抽取三位幸运小伙伴，分别再额外赠送三百积分免费体验卡。除了 html 视频这个大功能之外啊， 最近我也对网站的动画创作能力进行了一次大的升级，新增了一批新的动画类型，网站针对每一种具体动画场景做了细分入口，进去之后呢，描述一句话，就能直接生成对应类型的动画。第一种，三 d 动画， 比如可以让 ai 生成带三 d 立体感的动画，适合做抽象概念的可塑化产品，立体的演示、科幻风、视觉等场景，比如呈现一下分子的结构。 第二种，手绘动画，可以让 ai 生成铅笔速写、水彩涂鸦风格的动画，适合做温暖的有人情味的科普内容，儿童教育、绘本风格讲解等等。 再加上之前已经有的地图动画、数据格式化流程图、动画产品演示、文字动画、 logo 动画、火柴人动画、加载动画、网页小游戏等等，目前已经覆盖了十几种的主流的动画类型了。 现在网站发免费福利，所有的用户注册呢，都可以免费获得五十积分，可以免费创作五个动画。如果你也想做一个知识区的 up 主，或者想做这类视频却又不想去折腾各种软件工具的，欢迎来体验一下我的网站哦！ html 视频功能上线之后啊，收到了很多用户的好评，网站的收入呢也迎来了一波增长， 甚至有一些小伙伴想直接买我的原码来自己改造，当然这个原码肯定是不会卖的，不过这也给了我一点提醒，很多人都有一些自己定制化的需求， 于是我打算把这个 html 视频的功能单独抽出来，做成一个 ai 做视频的智能体，在知识星球里面带大家一起来开发实现。如果你也对 ai 编程感兴趣，或者想开发一款自己的 ai 做视频的智能体，欢迎加入知识星球，通过我们七天的训练营，使用 ai 编程把它给做出来。 训练营的详细情况我已经打在屏幕上了，感兴趣的同学可以冲一波哦，星球里面之前的几门课程也都在里面，加入之后也可以一起学习哦。好了，以上就是今天的分享了，如果觉得还不错，别忘了点赞、收藏、转发，我是轩辕，我们下期再见！

哈喽，大家好，我是 ai 少年，今天主要是看到了一篇文章，关于使用 hebrew frames by highen 这个插件啊，来生成视频的。这个插件呢主要在 codex 里面使用的，所以呢，今天我主要是来实操一下，下面直接进入实操环节， 复制这个插件，然后打开 codex app， 使用的是客户端啊，点击左侧的那个插件 粘贴，直接有了。 ok， 添加安装，安装还是很快的，应该 ok， 安装好了，安装好了我们直接一个新的绘画，新的绘画在哪里找这个插件呢？有个小加号，在这个聊天窗口里面就可以找到这个插件。 ok， 今天我们主要来演示一个生成什么样的视频呢？我找了一个，我之前比较久了，一月三十一号，一月三十一号的时候生成了，使用那个，嗯， remote， 使用 remote skill 来生成了一个视频， 可以直接复制一下这个提示词，来到这个聊天窗口里面。这个提示词主要是干嘛的呢？就是有两个函数， 嗯，一个是天赋，是 x 的 平方，另外一个是努力，努力的话它是一点一次一点一的 x 密 x 呢是天数啊， 这个是我是用 kimi k 二点五，当时 kimi k 二点五生成的一个体式词了，这个体式词大概算出来了，在九十六天的时候，它们两个值是一样的，然后呢， x 轴就是零到两百天， x 轴零到零到两百天， y 轴的话是零五千一万，两万四万。下面我我们来看一下这个视频啊，看一下它的效果。 对，其实当时用那个 remotion 来生成这个视频，它的效果还是比较满意的，然后当然后面的音频，音频 是我后面添加去添加上去的，然后还有一点效果，我是添加上去上去的，但整体的话它的效果还是很好的。今天呢，我们就用同样的提示词，同样的提示词来生成，看看能不能生成一个比较类似的一个视频了。那么我们这里重点强调一下， 请不要使用 emotion 来生成视频，而是使用使用这个插件啊，插件来生成视频， ok， 不过呢，这里执行时间还是比较久的，所以要稍等一下。嗯，这里他已经收到了我的回复，就是使用的是 hyperframes 来做这个视频，而不是 remotion。 对，他去读，我们下载了那个插件，插件里面可能有工作流哈，然后去渲染，最终呢啊， paperframes 主要是通过生成 html， 它生成 html 来那个渲染的渲染动画，渲染完动画以后， 渲染完动画以后生成啊，播放动画相当于一个视频可以进行导出的，那我这个目录是空的，所以他需要那个。嗯，根据上面的提示词来重新生成啊，生成完之后，我们可以去看一下他的那个文件文件列表。 好，下面我们就多等一会。 ok， 现在等待了大概十二分钟的时间，它终于生成完了。生成完了，我们直接来看一下它的效果，这里可以直接点击预览地址。 嗯，外部浏览器打开，然后它相当于生成了一个单独的网页。啊，这里有播放。 嗯，这里停顿了一下，然后到达八万的上限以后继续往上冲，这里有个提示，整体来说的话，效果也还是不错，也还是有的，但整个页面相对来说，嗯，没有 remotion 更惊艳一点，可能也是可以调整的，比如说这个背景，背景也好，整个，嗯，布局还是可以再进行一个优化的。 最最后的话，这里可以有一个导出视频，所以整个视频生成的过程大概就是这样的了。今天的分享就到这里，再见。

codex 现在不只会写代码，它甚至可以直接帮你做视频。最近黑珍推出了一个叫 hyperframes 的 东西，简单说，它是一个让 ai agent 用 html、 css、 javascript 来生成视频的开源框架。官方介绍里写得很直接， write html render video， 也就是像写网页一样写视频， 然后直接渲染成 mp 四。这里是 co 科技日记，带你看懂 ai。 现在你看到的这些画面，其实就是我拿 codex 加 hyperframes 做出来的视频，我只需要一句话发给他，后面基本不用自己动手，他会自己生成动画、排版、字幕、转场，甚至还能直接预览和导出视频。 而且 hyperframes 现在已经接入了 codex 插件系统，也就是说，你可以直接在 codex 里一边改代码一边生成视频。这件事真正恐怖的地方在于，以前做视频，你要写文案、找素材、拖时间轴、调动画，做字幕。但现在开始变成 只要描述你想要什么， ai 自己把视频做出来。比如你告诉他帮我做一个科技感十六比九，视频前三秒出现标题，中间展示功能，最后做一个收尾动画，然后 codex 负责写视频逻辑， hyperframes 负责渲染。说白了，视频制作正在从剪辑慢慢变成生成。当然，他现在还不可能完全替代专业剪辑， 复杂剧情、真人情绪、电影感、镜头，目前还是人更强。但对于产品宣传、信息图、科技动画、短视频包装这种内容已经非常夸张了，因为它真正改变的不是又多了一个视频工具，而是 ai 开始正式进入视频生产流程。 以前 ai 写文案、做图片、写代码，现在他开始直接做视频，而且最关键的是门槛正在被压到非常低，以后可能不是谁会剪辑，而是谁更会用 ai 描述自己想做的内容。 最后问你一句，如果以后一句话就能生成视频，你觉得剪辑软件会被淘汰吗？还是会变成 ai 的 后期工作态？评论区说说你的看法。

最近这种动画视频火了，不需要懂代码，一个 skill 就 能让小龙虾直接一键直出教程动画视频，比如像这样，还有这样， 以及今天我视频当中用到的素材片段，条理清晰，动效炫酷，很适合那些不想出镜但是又想做教学类视频的朋友。那如何制作呢？有请今天的主角沃克巴里。小龙虾 首先需要安装这个 hyperframes 技能，安装也非常简单，布置这一句 npx 命令，你也不需要懂是什么，把它发给小龙虾， 让他直接帮你去安装即可。安装之后，那接下来我们需要去直接调下来进行制作，给大家分享两种视频类型，第一种是纯动画效果，主要是文字的动效，也可以加上一些图片。 那第二种就是我这种口播视频结合的一些透明素材，插入到口播的视频片段当中。首先我们来看第一种，只需要一记提示词输入，制作一个十六比九横屏 ai 工具教程视频，深色科技感风格，包含开头 功能展示、操作效果演示等等。这句提示你直接复制去使用就可以了，可以让他直接帮你写好文字的内容，你也可以给到他参考的内容上传文件，让他基于文件的内容进行生成。这里有一个小细节是，如果你要插入图片进去，那可以把插入的图片也放在某个文件夹， 告诉给他图片所在的目录文件夹即可。复制文件夹的地址发给龙虾也可以发送指令，之后就等他做完了。最后会有一个网页让你去预览，可以看到这样一个预览网页，那没问题之后，那你就要告诉他，让他直接帮你渲染成 mp 四格式的视频， 甚至你还可以让他加上配乐、配音音效等等，那一个这样的标准的教学视频就已经完成了，一个字，绝。第二种，口播视频素材，像我这样站在中间插入的一些片段又需要有一定的透明度， 能够看到背景当中的人物就需要一个小技巧，在生成的时候，让 ai 去生成一个带有绿幕素材的视频，那最后就是这样的一个绿幕视频，然后你导入到剪映当中，右上角点击 抠图，就可以把绿幕抠掉，然后调整抠图的强度，消除抠图边缘，那最后就得到了这样的这种透明素材。 你也可以打开思路，比如说也可以制作成这样的视频效果，借这样的视频效果彻底解放你的双手。 workerbody 加 hyperframes 技能，等于逗笑视频，抓紧用起来吧！

写个网页就能变成视频，你没有听错哦，上个视频推荐的 remotion， 要用 react 写组件配环境搞打包，学习成本呢相对来说还是有点高。那么现在呢，可以用这个 html 加这个 gspap 动画，可以直接渲染就可以完事。 这个就是 hyperfrad， 是 由这个 hegen 开源的一个视视频引擎，它可以让 ai 写这个 html， 比这个写 react 更有创意。微模型训练的数据里面，网页代码是最多的，随便粘贴一个网页进去就可以直接出片。 并且呢，它零构建步骤，零依赖确定性的渲染，任何浏览器都能跑的东西，它都可以变成视频。 此外呢，它还是完全免费的，没有按次计费，商用也可以随便用。对比 remotion 的 商业许可来说，这个非常的香哦。那么如何快速上手呢？三步的命令就可以搞定出土化，然后进入目录渲染，然后 mp 四直接出就可以完事。 大家快去 getop 搜这个项目，然后开始创作吧！