remotion生成效果
粉丝2492获赞1.5万
相关视频
02:34查看AI文稿AI文稿这些都是我用一句话生成的视频渲染不需要额外的云服务费，最关键的是本地渲染成本可控。市面上很多 ai 视频工具都要按月订阅，而 remotion 是 开源免费的， 而且可以保存为标准的 mp 四格式，直接发布到任何平台。之前试过很多 ai 视频工具，直到发现了这个组合。 agent skills 是 ai 代码助手， remotion 是 用 react 写视频的框架，你只需要用代码描述视频，剩下的是交给程序 ai 辅助写代码，本地免费渲染，这就是整套流程。 我们先用 remotion 的 脚手架起一个新的项目，这里要选择你想用的模板，我选一个 hello world 的 模板， 这两步都选 yes， 第一个是一个样式插件，第二个 agent skills 才是后面 ai 写对于 motion 代码的关键。装完之后你会看到 remotion skills 是 已经同步到了 cursor 和 cloud code 这两个工具上， 这一步就是官方背书，这些点 markdown 的 文件其实就是官方最佳实践清单结构，怎么组织动画怎么写，哪些坑要避开。 相当于给 ai 配了一本 remotion 规范手册，然后按提示装依赖启动开发环境，启动后会自动打开 remotion studio 这个页面。左边我们选 composition 主键区域，中间是预览区域，下面是时间轴， 最右下角有一个一键导出的按钮，你看到左边的 hello world only logo， 这些就是 composition， 每一个都是一个 react 主键， 每次都需要运行这个命令。打开我们的 remotion studio 界面，紧接着我们打开 cloud code 工具，输入这段提示词，提示词我会放到评论区，我们可以看到整个过程大部分都在写代码，少量的消耗部分 token 生成完成后，我们打开刚才的 remotion studio 界面， 左侧 comparison 区域会新增加一个新的主键。点击后我们可以看到视频动画已经开始了，是一个倒计时的新年快乐的界面。整个生成视频的过程其实只是一段提示词就完成了， 点击右下角的渲染按钮，可以一键导出 m p 式格式的视频。总结一下， remasters 免费开源代码生成视频渲染零成本，几乎所有网页可以生成的动画这里都可以实现，感兴趣的话你也去试试吧！这里是 ai 共生格，我们下期见。
639AI共生阁
00:52查看AI文稿AI文稿用 openclaw 在 本地做视频实在太香了，而且特别简单，特别快，直接带你们上手来看一看。首先我们要在 claw hub 里面找到这个 remote video toolkit， 这是一个 openclaw skill。 然后呢，点击右边把它下载下来，下载完解压缩之后，确保把它拉到 openclaw skill 文件夹里，然后它会重新启动，告诉你 skill 已经加上去了。 然后我告诉他要做一个关于 openclaw 在 企业里面的应用的视频，他第一版给我做出来效果不是特别好。然后我告诉他可以用 nano banana 生成一些图片，再帮我做进去， 大概二三十秒的时间，他告诉我已经完成，而且帮我加了三个图片，做成了一个完整的视频。我们来看一看结果，结果会存在 openclaw 这个 workspace 里面，我们看到这有个 openclaw pro 的 视频，我们点开来看看，我们打开图一下，好， 他说有三张，我们看一下这第二张，第三张还是很不错的。如果你感兴趣也想要 openclaw 去做这样的视频的话，我们正好在工具会员小组里面提供这样的课程，学了之后你也可以做类似的东西。如果你感兴趣，可以看主页介绍，第一行会有专人给你提供更多的信息和介绍。
1943硅谷E老师
07:24查看AI文稿AI文稿大家好，我是小木头。如果你是一个开发者，你可能遇到过这样的场景， 花了几个月时间开发了一个很棒的开源项目，或者一个有意思的 sas 产品。代码写得很优雅，功能也很实用，但是没有人知道。 或许此时你需要一个推广视频，那传统的做法是什么呢？第一种，找设计师或者视频制作的外包， 但问题是他们不懂你的技术栈，不理解你的产品特色，你需要写很长的文档解释，沟通成本也非常的高。最后做出来的视频很有可能还达不到你的预期。 第二种，自己学习 after effects 或者 premium， 但是这类产品的学习曲线很陡峭，而且改一次要重新渲染，等半天。你是个开发者，不是设计师，为什么要花这么多时间在非核心的技能上呢？ 第三种，用模板工具，比如 camera， 剪映。这些确实很方便，但太通用了，没办法体现你产品的技术特色。 或许这些都不是最要命的，最要命的是，你的产品会迭代，功能会更新，每次迭代视频就意味着要重新做一遍，这完全无法规模化。那有没有更好的方式呢？ 今天我想和你分享一个全新的视频制作范式。开发者用 agent skills 生态来轻松地完成视频的制作，这不仅仅是一个新的工具，而且是一种思维方式的转变。 在视频分享中，我会用一个真实的项目来演示如何快速地基于代码仓库直接生成一个专业的推广视频。那现在我们就开始吧。 在近期的视频分享中，我们介绍了许多 agent skills 方面的内容，那它是什么呢？简单来说就是给 ai 助手预装的技能包， 就像 npm 之于 javascript。 agent skills 是 ai 助手的包管理器，你可以安装不同的技能包，让 ai 在 特定的领域拥有专业知识。 remotion 是 一款非常流行的视频制作工具，可以使用 react 来创建真实的 mp4 视频，非常非常的强大。感兴趣的朋友可以来到官方网站了解一下究竟它有哪些优秀的应用场景。 在一月二十号，他们就发布了自己的 agent skills， 使得开发者能够在 ai 场景中轻松地利用 remote 来制作视频，不需要了解 remote 的 技术细节，通过自然语言交互，就可以轻松生成非常精彩的视频片段。 那本期视频我们来寻找一个项目，看看它生成的视频效果究竟如何。我们就利用 session 这个产品来做演示，为它生成一份推广视频。 session 是 我最近开源的一款浏览本地 clockcode 绘画的桌面应用，希望能够以一种非常优雅方便的方式帮助大家浏览在本地众多的 clockcode 绘画。它会以项目为单元，组织过去所有的历史绘画， 在绘画中能看到所有的交流信息，不仅仅是 ai 的 响应，还包含了工具的调用，思考的过程。 大家也可以来到官方网站点击下载尝试，也欢迎大家来到代码仓库提意见，提合并请求。 作为一个新上线的项目，我希望呢能够为他做一款推广视频。咱们现在就来到 session 代码仓库，给他这么一个需求，我期望他阅读当前的代码仓库，了解这个项目的本质，抓住他的亮点和主要的功能和特性， 然后使用 remote skill 来生成一款推广视频。我们呢给他一些时间，看看他的生成效果。 到现在， remote 技能包完成了他的视频准备工作，现在呢，会启动一个开发服务器，我们可以在本地预览生成的视频效果。 在这个网页环境中，我们可以预览这个效果，如果没有问题呢，再在本地通过命令的执行来生成 mp 四版本的视频。我们先来看看它的效果吧， 大家觉得这个效果怎么样呢？我个人还是非常满意的，它已经抓住了 session 这个桌面应用主要的功能特点。对于目前这个项目来讲呢，这个推广视频应该足够了。当前呢， cloud 还在利用 chrome 开发者工具来测试推广视频的开发环境，我觉得已经很不错了，就让它终止了。 如果需要，大家还可以引入在过去视频分享中我们介绍的 ui ux pro max 这类技能包，对当前生成的这个视频的效果风格样式呢进行自定义， 尝试使用一些更加不同的风格来生成不同的推广视频版本，从而选择最符合自己需求，最满意的一款来推广。 我告诉他这个视频已经足够好了。接下来我想要生成 mp 四的版本该怎么做？ 很简单，来到对应的目录，运行 mpm run build 就 可以生成 mp 四版本。在底下，它还给到了我们一些满足我们不同需求的视频规格，比如更高质量的，四 k 的 等等。我们就生成一个标准版的吧，大家来看看效果。 好了，视频生成，打开看看效果吧， 大家觉得怎么样呢？这跟刚才我们阅览的是一样的，如果期望更高清分辨率的呢，我们可以选择添加参数，在这里呢咱们就不再演示了，接下来我们或许可以再配上一些精彩的背景音乐，这样就有了一个非常非常完善的推广视频。 好了，今天的视频分享呢就先到这里，感兴趣的朋友一定要来尝试一下，特别是个人创业者，你的产品是否需要一款精彩的推广视频呢？除了找人帮你完成， 你还可以使用 remote agent skills， 非常方便的就能够帮助作为开发者朋友的你做出一款完美的视频哦。那大家在使用中有什么心得和体会，也欢迎在评论区给我留言。那今天的分享就先到这里，我们下次视频分享再见同学们，拜拜！
197五里墩茶社
00:39查看AI文稿AI文稿大家一定要试试这个自动化视频工具，像这样的，这样的，还有这样的视频，都是 ai 自动做出来的。这个叫 remotion 的 视频生成框架配合 skill 可以 让 ai 用代码来写视频， 上手稍微有一点点门槛，但是学会后可以大大提高做视频的效率。这段动画没有使用任何剪辑工具，只 在 cloud code 里告诉他用 remote skill 做一个老 t 风格的小米汽车宣传片动画，并且给了他网址， ai 就 自动做出来了。相比以前的视频工具已经有了质的飞跃，只需要一行命令就能安装好这个 skill， 快 去试试吧！
246秦楚zoro
00:31查看AI文稿AI文稿最近特别火的 ai 动画绘具工具 remote skills 我 也看了一下，简单来说，它就是一个可以让你的 a 剪子通过这个 skills 来调用 remote 去绘图动画的一个工具，使用起来也非常简单，通过 mini 行安装 remotions 都选 skills， 等待一段时间后输入你的提示词，等待几分钟就可以导出视频了。 实测动画效果非常好，以及导出视频也不错，二十秒的视频只要七分钟就可以导出了。另外刚才这段视频也是用 remote skills 绘制的。
227奇怪的摆摆鱼
01:49查看AI文稿AI文稿每天一个 open class， 今天是 remotion， 想象一下用写代码的方式做视频，今天看看程序员怎么做视频。你是个程序员，想做个产品演示视频，打开 premiere， 发现完全不会用， 花了一整天学软件，视频还是做的一塌糊涂，代码能力完全用不上。这时候 remotion 就 派上用场了，他让你用熟悉的 react 代码来创作视频，就像写网页一样简单。 在终端输入 mpx create video， 选择你喜欢的模板，开始写 react。 组建保存代码，右便预览窗口，实时更新帧集，精确控制每一帧画面。在 opencore 里配置好，还能自动批量生成系列视频。 以前要学一周的软件，现在用代码思路，一天就能上手。从视频小白到批量生产，只需要懂 v at geekhub 用 remotion 给每个用户生成专属的年度回顾视频全球数百万份， 想做数据可视化，用 css 动画，想要炫酷特效，用 webgl， 想要矢量图形，用 svg 技术站随你选。 youtube 博主做片头 sales 产品做演示，电商批量生成商品视频培训机构做课程动画营销团队做个性化广告。传统视频软件像手工活， remotion 像工厂流水线，一个改代码，全职生效，批量生产，自动化完成。 三步开始，确保有 note js 环境运行。 npx create video， 选模板，打开 vs code， 开始写 react 组建，边写边看效果。点赞收藏关注我，每天一个 open class， 明天见！
01:1783AI工具的艺术
02:21查看AI文稿AI文稿所有人都在给你种草，今天我给大家拍一下雷，第一个要拍雷的就是 remotion， 最近 remotion 很 火，就是因为它可以用 web 的 技术来做动画，但是经过我的实战之后，它的效果确实非常不好，非常非常不好。那我跟大家分享一下，我做出的最好的视频的效果是什么样的。 当然这个我用了很多技术，我用了 agent， 我 用了各种 skills， 给他各种风格，大概花了两个星期，这还是在一个月之前我就开始做了，到现在效果其实都不好，所以我这个项目已经放弃了，有优化的程度。但是整体来说，作为工作流的一环来说，它是不合格的，也是很丰满 现实很骨感的原因就是因为 remotion， 它说白了还是一个 canvas 的 web 技术的渲染引擎，它只提供这个生成视频的技术，但它不提供审美。如果你想要把这个视频做得好，你必须有一个设计师来把这个各个 component 设计好， 然后把它做成一个模板，你只负责填充数据就可以了。其实根本性还是一个难题，就是大模型它在没有视觉就重复验证的情况下，很难做出一个非常好的视频，符合咱们审美的视频， 同时它会有大量的 token， 浪费啊，这个是得不偿失的。在我看来，咱们还有取得更好的技术，有这个时间可以用剪映，或者是用一些更简单的技术来生成相同质量的视频。最后一点，咱们说的这个 remotions， 它不是一无是处的，否则这个基础也不会 受到一些人的关注，但是他完全没有像宣传的那么好，有什么适配的场景，比如说你有几个固定的截图，逻辑复杂度一定不要太高，就像现行的趋势，比如说每日的天气或者股价自动播报，这些东西都可以做到。但是这些好像就没有那么大的用处了。 如果没有办法整体的接入到工作流里边，每一个动画都需要大量的 token 消耗，来做一个固定的场景的动画来说是得不偿失的。最后咱们总结一下 motion， 它虽然很强大，但是它还没有强大到让你自由地根据大模型的提示创作出 好看吸引人的动画。它适合的场景只有是你把这个固定的场景，固定的数据来展示固定的内容， 当然也可能是我学艺不精，如果你有什么好的通过 remotion 生成出来的视频的话，那你可以转发给我，欢迎打脸，欢迎打脸。好的，今天就分享到这，希望这个视频可以帮到你。
54AI鹅鹅鹅
00:50查看AI文稿AI文稿用 openclaw 做这种讲解类视频实在太香了，先带你们看结果，再告诉你具体怎么做， 看到了吧，真的是非常的流畅，带有科技感。具体怎么做有两步，先在 clubhouse 里面找到 remote video toolkit， 然后按照之前视频讲解的方式下载 解压，之后把文件夹路径拖给 openclaw， 叫他帮你安装这个技能。安装好之后，再用我们专门制作的做 remotevideo 的 skill， 加上你想要做的视频内容，就可以达到刚才的效果。看完之后，如果你自己已经成功安装了 openclaw 的 话，赶紧去试试这个新的做视频的 skill。 如果你还没有本地不是欧文课堂，或者你还不知道怎么用欧文课堂做这样视频的话，我们正好在工具会员小组里面提供这样的课程。如果你感兴趣，可以看视频主页介绍题哈，会有专人给你提供更多的信息和介绍。
36硅谷E老师![告别手动剪辑！Claude Code+Remotion杀疯了！写代码做视频-瞬间生成抖音版字幕[教程] | AI时代做视频剪辑的新思路：省时省力自动化-替代剪映 #ai剪辑 #ai视频 #vibecoding #ai做视频 #自动化做视频](https://p3-pc-sign.douyinpic.com/image-cut-tos-priv/f4a0368ea954b08cc97b473ec87d566c~tplv-dy-resize-origshort-autoq-75:330.jpeg?lk3s=138a59ce&x-expires=2099178000&x-signature=hzlzEcu2ywMFcVw8BlC55awI7o4%3D&from=327834062&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=cover&biz_tag=pcweb_cover&l=202607120958129C349E1B183EB7A193C9)
05:38查看AI文稿AI文稿大家有没有想过啊，像小林说这样的高端的数据动画，像阿里巴巴这样的抖音版本风格的短视频字幕，或者说把二 d 产品图变成一个三 d 酷炫的啊动画，这些呢都是可以让我们嘴巴跟 ai 说话，指挥 ai 用写代码的方式给我们瞬间生成的， 那这个呢，就是 ai 时代的新的做视频的思维。最近呢 coco 加 remo 神又火了，其实呢，我们早在半年前，我们就在用 ai 发电里面讨论过这个问题， 因为做过视频的朋友都知道，做视频剪辑是一个非常费时耗力的事情，尤其像我们这种又不是全职做视频的博主，对吧？那我们肯定是要想要怎么去节省我们的时间，时间就是金钱呀， 那我现在就给大家演示一下啊，怎么让 ai 帮我们去给一个短视频加一个啊 tiktok 风格的字幕。那我们首先呢就来到 remotion 的 官网，在这里呢看到啊 find template 就 找一下模板，那我们用到的模板呢，就可以用这个 tiktok， 然后呢我们点击这里，然后可以安装，那我已经在我的呃项目里面安装好了，那我就直接点开我的 cursor， 那 这个时候呢，我就把我的 cloud 补换出来， 这个 test 视频呢，是我提前准备好的，给大家看一下啊，这是一个乔布斯演讲的一个经典片段 again， you can't connect the dots looking forward you can only connect them。 那 我再给大家推荐一个我觉得非常好的 cloud remote skill， 那 就是呢， cloud code 开发者之一 terik， 他 呢在去年的时候呢就发了一个 remote cloud md 文档， 那这个文档呢，就是告诉 ai 啊， remote 的 最佳实践是什么？它包括它是怎么来做视频的，这样呢， ai 才能稳定地给我们输出，我们直接把这个链接丢给我们的 ai， 然后呢告诉他去下载就好，那我已经下载好了，在这个 cloud md 这个文档就是，那我接下来呢，就和他讲一下， 请你帮我给我的 public 文件夹里面的 test dot m o v 这个文件呢？呃，视频做一个 tiktok 风格的字幕， 现在呢，我们真的就是跟 ai 说话就行了，连字都懒得打了，那我就点击发送 它呢，会每次都参照 cloud md 文档里面的一些说明，用写代码的一些规范来帮我去做。 那在它做的时候呢，我想说一下这个是什么原理啊？那你看，其实网页也是画出来的，那既然我们可以用 react 这个前端框架画出网页，那我们是不是可以把上千张微调的网页给它组合在一起，变成一个视频呢？ 那 remotion 本质就是一个基于 react 这前端代码库的一个视频渲染框架。那既然我们网页可以画出来，那你想想，我们如果画上千张的网页给它拼凑在一起，那不就成了一个视频吗？那当然了， remotion 不是 说是做一个录屏，因为录屏呢，它是会卡顿的，那 remotion 呢？它是主帧渲染的， 那我们现在看一下啊，这个已经好了哦。他问我是说的英文还是中文，因为我之前有做过关于中文视频的一个抖音风格的字幕，那我跟他讲一下，我们用的是英文， 那 remotion 实际上它会写一下它做的步骤啊，首先呢，它帮我们生成了字幕，那字幕文件呢，就是这个这三文件，然后呢，它把这个 root t s s 代码文件呢也变了一下啊，最后呢，它好了一下我们 remotion studio， 它已经帮我打开好了，这个就是 我们这个 remotion 特殊的视频预览器，我们来看一下它生成的效果。 again， you can't connect the dots looking forward you can only connect them looking backwards so you have to trust that the dots are somehow connected to you you have to trust something your gut destiny 是 不是还不错？那我们怎么把它给导出来呢？ 点击我们 render 这个按钮，然后最后点击这个 render video 啊，他说我这个 output name 要变一下， 那这样它就会导出来，那我们看到左边这里呢，这个就代表了帧数，它是逐帧渲染的， 那视频的代码逻辑呢，都写在了我们这个 source 文件夹里，那像我们这个视频呢，就是 captioned video 这个文件夹里面，那底下这个 route 呢，定义了我们这个长度和宽度。哦，那这个时候它已经导好了我们这个长度 和宽度。哦，那这个时候它已经导好了我们这个长度和宽度。哦，那这个时候它给我们输出的这个视频。 again， you can't connect the odds looking forward you can only connect them look。 那 这只是 remote 做视频的冰山一角，在我们 u i 发电里呢，也开始上线一系列具体的 coco 加 remote 的 教程，那我们现在呢， 里面的内容已经非常的丰富了，一旦你加入呢，即可解锁全部的内容。那今天这个视频就到这里结束啦，记得点赞关注，开启小铃铛哦！
3908Serena心心加州
15:49查看AI文稿AI文稿所以现在云代码可以制作视频了，你只需要用简单的英语告诉他你想要什么，他就能从零开始生成专业级的动画，这太疯狂了。比如说你现在正在观看的这整个视频，就是只通过在云代码里输入文字制作出来的，没有动画制作，没有操作界面，只用简单的英语。 你现在可能会想，但是大卫，这怎么可能呢？其实这一切都得益于 remoteion， 它让我们能够以编程的方式创建视频，而且其他的 ai 智能体现在也终于可以使用它。所以在本期视频中，我们会介绍 remoteion 是 什么，如何设置这些新的智能体技能， 以及如何真正将它用于你的 ai 营销，帮助你的业务增长。所以一定要看到最后。这里还有一个 remote 技能可以实现的例子。现在除了角色的设计之外，其他所有内容都是用 cloud code 生成并拼接在一起的。所以你现在正在观看的整个视频都是用 cloud code 制作的。 有人用英文和 cloud code 设计了这个视频，游戏的视频太疯狂了。这里还有一个用 cloud code 和反重力技术制作的例子。 就我个人而言，我既不是动画师，也不是设计师，做这样的事情对我来说会花费很多很多小时，因为我首先得学习这些软件，但现在你只需要输入 cloud code， cloud code 就 会帮你完成。 所以你不仅可以用 ai 来构建你的产品，现在你还可以用 ai 来进行市场推广，现在是创业的最佳时机。 那么 remote 是 什么？是什么让这一切成为可能？ remote 是 一个用 rust 以编程方式创建视频的框架 代码大致是这样的，你可以把它想象成一个网站，被主页录制成一个视频文件，你可以从 api 数据库或用户输入中获取数据。然后，每一个由 remotion 渲染器生成的视频都会自动产生一个独特的视频 ai 代理喜欢它的原因是 他们非常擅长写代码。无论是 cloud code、 open code 还是其他任何编程代理，他们本来就很擅长写代码。然而，这些同样的代理对于 after effects， premiere pro 或任何为人类设计的应用程序来说，却不擅长。 remote 解决了这个问题，它将视频创作和动画变成了 react 组建。所以所有代理要做的就是写几个 react 组建， 最终就能生成一个漂亮的视频或动画。如果你正在开发自己的应用，或者你有自己的企业，下面是你可以用 remote 制作产品视频的方法。这是另一个仅用 cloud code 和 remote 构建的案例。看看这个专业的动画效果。 像 gmail 一 样的邮件界面突出显示移动的光标和文本。你得花几千美元请动画师或设计师来做这样的效果。 现在只需要在 cloud code 里用 remote 技能输入几个提示就能实现。当然，我稍后会在视频里教你如何设置，但我只是想先让你看看这有多厉害。这里还有一个例子， 很明显这个人给了他这些素材，对吧？所以如果你有高质量的图片或素材，效果会更好。但在这些素材之间切换的动画是由 remote 制作的。让我们来看看 remote 的 底层工作原理。 你首先需要了解的是 sequence 组建，这些组建会将元素放置在时间线上，就像任何视频编辑工具一样，你会有类似时间轴的东西，而这些就是 sequence 组建。 现在，当你用 npm run dev 启动开发服务器时，你会得到一个本地播放器。大致像这样，你可以实时拖动浏览你的视频， 实际看到不同片段的效果。当你准备好并且想要真正渲染视频时，每一帧都会被截图，然后通过 formpack 拼接成一个 mp4 文件。现在让我们来谈谈 agent skills 代理技能，因为这是一个相对较新的概念，大多数人还不了解。 agent skills 是 一些指令文件，用来教像 cloud code 或 open code 这样的 ai 编码代理如何使用特定的工具。 agent skills 的 妙处在于它们采用了所谓的渐进式批录 progressive disclosure 方式。 你不会只是把一堆 tokens， 一 堆提示词直接丢进上下文窗口里，那样做只会让它和描述相符。所以如果你的任务是关于编程的，它就不会加载关于视频编辑的技能。但如果你的提示词提到了视频编辑，它就会加载关于视频编辑的技能。这种渐进式批注原则始终让上下文保持精简。 现在 skills 是 一种开放标准，这意味着它有点像 mcs， 正在变成类似 agent 到 md 文件的东西，对吧？ 这是一种越来越多公司和智能体在整个 ai 生态系统中采用的东西。所以现在 skills 可以 在 cloud code agent zero open code 上使用，还有许多其他的智能体，所以这里的重大消息是 remote 创建了它们自己的智能体技能， 你只需即插即用地将其集成到这些智能体中，就能立刻让它们制作专业动画。现在这个 remote 技能包含了 remote 的 所有 api 模式，不同的组建约定 以及编辑动画的最佳实践。所以当你让 cloud 创建一个视频时，它会读取这些指令，并生成合适的 remote 代码。这个技能还捆绑了针对特定主题的参考文档，比如三维音频字幕，所以 cloud 只会加载所需的内容。 而且 remote 非常易用，因为你只需输入代码，代码就会汇聚出代码，所以人们第一次尝试就能做出令人印象深刻的动画。 你现在正在观看的就是这样制作的。这只是在第一次尝试时用几个提示就完成的。现在有一些明确的最佳实践会决定你用这个技能得到的是平庸的结果，还是能从 remotion 获得出色的动画。首先，一定要从清晰的分镜脚本开始。 在提示 colloud 之前，你需要描述每一个场景。此外，获得最佳效果需要采用迭代的方法，不要试图一次性完成所有内容，而是从小的提示开始，看看结果，再调整提示，如此反复。通常我见过的最好的 remaster 动画都需要五到十次迭代。 还有一个专业提示，一定要让你的合成保持模块化，所以要为片头转场片尾构建可附用的组建。不要试图把所有内容都放进一个组建里。正如我之前说的，要提供高质量的素材对吧？如果你在制作一个电子游戏，就要提供精灵图。 如果你在设计一款产品，就要提供高质量的产品照片。你提供的素材越好，最终的效果也会越好。现在让我来演示一下如何实际进行设置。我们要做的第一件事是访问 motion dot dev。 你 需要复制 npx create 命令到剪贴板，然后打开终端。我们需要切换到想要构建项目的文件夹，所以输入 cd documents 执行 else， 然后 cd 进入 david android 文件夹。好了，我要把终端命令粘贴到这个文件夹里。选择一个空白模板好了。添加 tailwind。 选择式添加 agent skills。 是 的，当然，然后我们就完成了。打开 cursor。 没错，这样我们就有了完整的 remote 设置， 让我把这些总是弹出来的侧边栏关掉。如你所见，我们在右侧已经拥有了空白 remote 项目所需的一切。接下来只需要安装 skill。 现在这是由 versus 开发的。 skills 是 页面，我会把它的链接放在视频下方。但同样，你只需要点击这里复制终端命令，然后回到终端，输入 clear 并粘贴进去。 是的，我们要安装这个包。完成了，我们已经有了这些技能。选择 agents， 我 们要使用 cloudcoat。 在 这里，你可以选择只为这个项目安装还是全局安装，取决于你自己 安装方式。我们选择 simlink， 然后继续安装。完成了，就是这样。设置过程非常简单。再次强调，如果你害怕使用终端，为什么呢？你只需要复制粘贴几个命令，而且他会用简单的英语询问你。不要害怕终端，这在二零二六年已经是一种限制性的观念了， 你必须使用终端才能站在 ai 的 前沿。接下来让我们回到 ide， 然后为这个文件夹授以权限， 好让我把它移到这里。我们输入 skill 来看看是否有可用的技能。结果出来了，项目技能，没错， remote 最佳实践太棒了。我们按下 escape 键， 所以现在这意味着技能已经成功安装，并且 cloud code 已经识别到了它。现在我还是建议你为此创建一个单独的文件夹，一个清晰的目录，这就是我在这里做的。你看，我可以在这个项目文件夹里创建一个 remote 文件夹， 所有的操作都在这里进行，这样我就不会把文件弄得到处都是。 cloud 的 代码 cook 就 在这里。在使用任何编码代理时，这都是一个很好的做法。现在 当你通过 cloud 的 代码使用 motion 技能时，你需要记住这一点。动画是通过简单的提示词创建的，所以一定要使用非常详细的提示，并让 cloud 使用 motion 技能， 所以我也把它粘贴进来了，这样就能让 cloud 明白我们正在做什么。接下来，我建议你让 cloud 为每个动画创建一个单独的子目录，以便更好的组织文件。基本上你会有一个像这样的根文件夹，这里面不应该有任何动画， 因为你会为每个动画创建多个子文件夹。好的， cloud 已经明白了，现在它已经有了所有的上下文信息，所以我们可以开始制作我们的第一个新文件夹。我打算把它命名为 prompts， 然后我会在里面创建一个新文件， 命名为 prompt zero one 点 m d， 这将是我们的第一个提示。如你所见，它非常详细。那是因为我希望这个动画能有很棒的效果，所以它将会是一部风格类似 samuel e brown 的 视觉动画。 如果你还不了解这个频道，你真的错过了。这是 youtube 上最棒的数学教育频道之一。还有一些关于 ai， l， l， m 以及比特币如何运作的视频。 真的是个很棒的频道，而且以其精美的动画而闻名。所以我们要用 remotion 来尝试复刻它的风格。现在这是一份非常详细的描述，显然也是用 ai 写的， 但它非常详细的说明了我们想要制作的内容。所以在使用 remotion 的 时候，你应该尽可能详细。其实我们可以只是稍微整理了一下。我要打断一下。好，我要让他停止整理 阅读。提示零一并用你掌握的 remote 技能实际构建它。砰！回车。如你所见，问题有四百行，是个非常详细的提示。 现在让我们看看 cloud 如何施展魔法。现在它请求使用该技能，我会选择总是允许。如你所见，它正在加载 animations md， timing md 和 sequence md。 所以 它并不是从技能中加载所有内容， 只加载他需要的部分。这就是所谓的渐进式批录。这正是让上下文工程保持最佳状态的原因。现在他正在这里创建自己的子目录，名为 python。 好 了， cloud code 正在为 remote 编辑 react 的 代码。 这有七十七行代码，现在是八十一行。他正在做不同的组建。非常棒，一个用于动画线条，一个用于三角形，一个用于正方形。所以他正在创建可附用的组建，这样我们就可以重复利用他。他已经在世界里了，正在打开 index， 他 正在创建很多文件。我对这个动画很感兴趣。 好了，让我们运行 npm runtime， 看看它是什么样子的。这是 remote 的 用户界面，目前我们还没有任何内容，但这就是它最终的样子。正如你所见，它和其他视频编辑工具很相似。让我们回到主 cloud code， 动画还在生成中，一万七千个 tokens 已经运行了四分钟， 所以最好的动画是需要一些时间的。这可不是你能在一秒钟内就能得到的东西。因为要记住， cloud code 需要写出百行代码来实现这些不同的 react 组建。因为 remote code 是 基于 react 的 哦，出来了对吧？所以主 cloud code 终于通过注册这些不同的组建更新了。 root t s x。 我 喜欢这个新的 cloud code 的 用户界面，非常简洁 哦，算了，太疯狂了，我刚夸了新设计，结果他就彻底崩了。总之，十分钟，伙计们，这个动画花了十分钟就真的很疯狂。 几个月前的 cloud code 绝对不会运行十分钟，所以 anthropic 让他变得不那么懒了。这里有一个完整的。好吧，让我们看看。好了，出来了，毕达格拉斯证明的动画完成了，这是深沉的内容，项目结构，主控器自绘线条，三角形介绍 好，让我们看看。 id， 必达格拉斯证明时长，二千四百帧，四十秒，六十帧每秒。要预览的话，运行 npm， 执行 dev， 然后选择拍 figure， 这样可以在 motion studio 里优化合成。那我们就这么做吧，把这个 boom 和 p m 关掉，在左边运行 dev， 我 们有这些合成来选择必达格拉斯证明。如你所见，我们有一个包含多个不同序列的时间轴，那我们来运行一下，这真的很棒，伙计们，这太疯狂了，让我把这个放大一点，这真的太不可思议了。由 cloud code 的 编写。 想象一下，如果你要自己做这些，手动完成这些，会花掉你无数时间。只用一句简单的英文提示，好吧，这里面有些顺序明显不对，但还是只用一个提示，这太疯狂了。 好吧，这有点对不起，但没关系，这些问题以后都能解决，而且这一切都是代步，所以这些全都是程序化实现的。好，那我现在要创建一个新的提示，一个新文件， prompt 零二搞定，粘贴进去稍微短一点，差不多两百。这将会是一个为 cloud code 做的广告。所以我这里有这张图片， cloud startup png， 它其实就是一张 cloud code 界面的截图，所以我会说，读取 prompt 零二，并且用 cloud startup 在 remote 里创建动画 代码，行数越少越好。我可不想他又跑上十二分钟。让我们看看他还记不记得子文件夹的目录。因为我们之前让他为每个都创建子文件夹， 所以他把 png 文件移到了 public 目录。好吧，因为我猜那是放资源的地方。他现在创建了一个完整的文件夹结构，用于一个动画合成。所以再说一次，在浏览器里，你可以有不同的合成， 这是默认的合成。这是毕达格拉斯证明的那个，你可以把它分成四倍，然后在下面的序列里，你可以禁用不同的部分，对吧？所以也许你不想要这个，你可以把它隐藏起来， 这就是一个真正的视频编辑器。当然它没有 premiere 那 么高级，但它真的很扎实，你可以在这里看到你的资源。所以很明显，我们有 cloud startup 文件，现在我们还有 cloud add， 所以 我们可以看到它正在实时构建 cloud add。 在 这里，好让我们缩小以适应画面。看看这个 他完成了吗？好，这个更快。好了，两分钟合成 cloud code， 添加时长十七秒。光标移动到 dog 终端图标点击。我们来看看这个，我们从头以一倍速播放，所以我们这里有一个桌面式图，把它放大一点， 终端启动，图标被点击。好吧，其实没有点击终端，而是点击了浏览器，但他还是打开了终端，并输入了 cd 订阅这个频道。大家看看，这个真的很棒，太疯狂了， 这些全都是代码，全都是动画，让我再播放一遍。像这样手动作，如果你不是动画师，会花很多时间。这其实是 cloud code 的 广告， 只用一个提示，不到两分钟，显然这个比前一个快多了，细节少一些，但你可以继续完善。你可以说，比如把背景渐变色改成云沉色。 砰，让我们时时看看它的变化，看，就是这样变了。 cloud code 现在就好多了，感觉更像 cloud code， 你真的只需要用普通英语输入就能做动画。如果你还没有再用 cloud code， 到二零二六年你就已经落后了。到二零二六年，你真的输不起。现在如果你想更进一步，真正开始做一家 ai 企业，今年我专门为此做了一整期视频，视频就在屏幕这里，快去看看。
353一蛙AI
02:22查看AI文稿AI文稿我们首先是通过 呃 create a video， 然后我们会注册我们的项目，然后这块的话我们第一个选择空白的，第二个选择 no， 第三个选择创建我们的 agent skill， 然后这样的话一路默认下来之后，我们就可以创建注册我们的项目了。 接下来我们要如果要运行这样的话，他就会在安装相关那些依赖，可以看到我们已经下载完了，现在我们就运行我们的程序，然后直接压第一位就可以了。 好了，支持我们这个制作视频的这个就已经运行起来了，接下来我们开始怎么样去自动去做呢？然后我们通过我们的 qq 软件，然后进行打开，然后这样的话我们就把这个 整个系统给打开了，打开之后很想再画一个第一个动画，然后我们就尝试一下，我们先打开，我们现在已经打开了我们的那个程序，然后我们看一下这个是 root， 这个这个就是一个基础的一个动画， 然后我们先给他进行一个终端的一个运行，可以看到他现在已经运行起来，运行起来之后呢？然后我们就给他，让他帮我们先生，让 dpc 帮我们生成一个动画，你看一下能不能可以啊？帮我试一下这个一个一个随机的， 别随机了，天气生成一个知识库，生成一个介绍介绍产品经理的。好，现在就让他在已经在规划了，首先他现在在了解我们的知识结构，看到他已经正在创建动画了， 他创建叫个 product manager video 这样一个一个东西，然后可以在我们的这个里面看吗？或者他更新这个直接来使用 好，这个是这就是他生成的一个视频介绍，然后我们来播一下，哇，感觉挺好的。然后我们还可以进行快进，比如说两倍速的一个快进，我来补一下这个视频应该怎么样下载下来啊？ 然后我们是通过这个右左边，右下右下角点这个 render， 然后这块点选这个 video， 然后 general， 然后点这个 render video， 然后它它就可以再下载了，下载来之后它就会变成一个视频，这个就是我下载好之后的它直接就是一个视频就可以直接用了。
6史慧君
03:09查看AI文稿AI文稿本来我想做一期吐槽这个 remote 加 cloud 这个组合的视频的，因为这两天我一直在尝试这个 remote， 但是用 cloud 执行之后呢， 他生成的视频的效果并不好，可以看一下我之前生成的这些内容，这是之前生成的，但是我在做这个吐槽视频的时候呢，我至少要知道我安装的对不对吧？我又检查了一遍，最后发现我一开始用的时候其实没有装那个 motion skill， 现在我又把它装上了，装上这个 motion skill， 所以 现在我这个 cloud 它里边是有这个 motion skill 的。 其实跟大家回顾一下安装的过程，但是首先就是安装这个， 呃， motion 的 最新版本啊，这四种安装方式安装完成之后呢，重点要看 skill 这个地方， 这个地方如果是你在自己的任意终端下直接执行的话，有可能他会加不到这个 cloud 里边去啊，所以我刚才用的方法呢，是怎么着把这个复制一下，复制完成之后呢，在你的 cloud 终端里边把它复制进去， 你的 cloud 会去理解这句话，然后去执行，所以他会执行这句其实安装一个大局的 skill， 这样的话，你的 motion skill 大 概率会成功的安装到你的 cloud 里边去。安装进去之后呢， 你在这个提示词里边输入一段你想要的视频。首先第一点，你可以先和 deepsea 去聊你想做什么样的视频，然后让它生成这个 motion 加 cloud 的 一个提示词， 这样他就会生成出来，接着他就会创建镜头，这个是没有安装 skill 的 时候创建的视频，这个是没有安装 skill 时候创建视频，这个就是安装 skill 之后创建的视频， 安装 skill 之后创建视频，明显他这个好像更容易听懂你想要什么， 这也是一个 skill 之后的视频啊，这也是一个，我觉得这个效果还是可以的，做一些页面上的展示，跟二维空间的一些画面的展示，或者是图形旋转什么的这些。 但是做这种比如说想要做这个人物或者简笔画什么这一类的，它其实是不适用的。 如果一个 ai 工具，它的这个文档或者是演示视频做的特别好的话，对用户来说会有更大的吸引力，因为其实现在大家对这些 ai 工具耐心会特别低，现在几乎每天都会出一个特别火的 ai 工具。 上周我刚知道这个 remotion 开始试用，结果这周又火了一个 crow bot。 所以 这些工具的话，如果第一次人去尝试，不能够 顺利地把它执行下去，然后出来一个比较好的效果的话，后边可能大家都不会用了。大家平常有没有遇到什么好的这个 ai 工具，可以推荐一波。
32冠军探秘赛博
03:02查看AI文稿AI文稿大家好，我是成风，我用 mini max m 二点五做了很多会动的逻辑图，用来替代文章里的静态配图。我们先看效果，这是我做的一个循环图，它会一跳到二，二跳到三，三跳到一， 这个是我的格子次序图，告诉我们这个流程它是怎么样子的，一二三四五，这个会更偏可爱一点的， 动画可以直接导出 gif， 我 们就可以直接当做文章的配图用， 我这篇稿子的每一个动图都是用这个方法来做的。为什么要做这个事情？第一点是这两天 mini max 发了 m 二点五，我试了一下它的能力，我非常的惊喜，所以我对用它来做动画产生了很大的一个兴趣。正好我在实验一个事情，把文章里面的静态逻辑图变成动态的 效果会怎么样？这次就用 m 二点五模型加 remotion， 配了一个晚上，我就试出了很多个案例，整套流程都是 m 二点五完成的，不只是写代码，连规划查 bug 靠它也非常好用， 它的规划能力和调试能力提升特别大。为什么我要把静态图变成动画的呢？因为静态图它表达内容是有限的，动画它能表达的更生动一点。 比如说我这张动态图，他这边就能展示静态和动画的对比，并且能够突出动画的这一部分，大家看一下是不是更加吸引人。静态图他表达的内容是有限的，动画他能够表达的更加生动一点，我这里可以用更好的动效去展示我的顺序， 并且我可以用这种动画来进行放大的效果。突出重点，随着 ai 能力的提升，做这种动态图现在会越来越方便了， 普通的静态图已经满足不了我们的表达需求了，是时候升级了三步来复现我的动态图实现流程。第一步，我们复制这个提示词，直接发送给 agent， 他 就会去下载我们的这个项目，放到合适的地方。第二步，我们告诉他我们要做什么事情， 让他用 a a s c i i 来画一个流程图，流程图后面具体的内容我们自己来定义，比如说把这个发送给他，我们就能看到他这边给我们画个流程图，我们把这个流程图复制下来，我们把这流程图复制下来， 再引用这个 emotion 让他去做，告诉他导出 gif， 他 就会给我们一个 gif 的 图，我们就能够实现类似这样的动画了。 这次 m 二点五我认为他进步非常大，他的规划能力是我感受最明显的，他现在能有一个清晰的规划，并且按任务执行下来，能够从拆任务、定技术方案到逐步实现，整套方案都是他设计的。 第二个是查 bug 的 能力与模型，这套方案其实 bug 还是很多的，但是 m 二点五他自己能够去找出有效的方案并且解决掉。第三个就是代码能力，他这次编辑代码一次跑通的概率高了很多， 同样也是基于 moodson 这个来说，我觉得它能力提升了很多。这次 mini max 二点五的升级还是很棒的，如果大家感兴趣，可以来到 itunes 叉一百上面点击我这边的分享方式，就能够获得八八折。现在我已经在研究 ai 编程加动画了，这是我最新的一个结果，等我继续研究跟大家说结果。
129AI产品自由
04:30查看AI文稿AI文稿太夸张了，先来看这两只影片，竟然都是 cloud code 做出来的动画！今天我们用 ai 制作这样的炫酷动画，这个开源项目叫做 remotion， 在 github 上已经有三万六千颗星星，它主打可以用代码的方式来做动画。做影片真的有这么神吗？这个视频看完可需要两个 答案，一要怎么用 cloud code 加 remotion 来做动画，二要怎么优化动画的效果，让它更有质感？ 我们开始吧，网上有很多教学，甚至官网也会分享一些 prompt， 他 们说照着贴就能做出一样的效果。左边是大神做出来的，右边是我做出来的，也差太多了吧。这时候很多人可能会说啊，又是废的，只有用不好不会用。我们决定深挖到底。一句， prompt 之所以 什么都没有，对 ai 来说就是要从零开始生成，就像给一堆乐高积木要拼凑出高楼大厦一样困难。但如果已经有窗户、柱子、天花板， 拼凑出高楼大厦就变得简单了。因此我们第一步需要新增一些 skill， 也就是先告诉 ai 有 什么样的技能可以使用。 remote 的 官方有提供现成的 skill， 可以 直接使用，我们把它复制到项目里面去。我再生成一次动画，发现效果好了很多。 skill 提醒我要去申请 labbox 的 token， 只要注册登录就可以免费使用。所以大家一定要先做的第一件事情就是把 skill 复制到你的项目当中。接下来我们来制作影片，开头去网上找寻这样的 cs， 介绍片头动画。我们这里选中一部样片之后，使用视频转 n 的 工具，生成一张又一张的图片 frame。 接着我把所有图片都归给 cloud code， 希望他能够读懂每一张 frame， 并且做出一样的动画。大家可以看到效果左边是原版，右边是 cloud code 生成的，但是效果还是差很多， 因为 cloud code 并没有任何理解的截图，他只能依照现行颜色文字去做读取，重新排版，所以效果非常不好。但要我们可以在基础之上去改是绝对没问题的。接下来还能怎么搞？既然是用代码去生成动画的， 那有没有其他工具也是用代码控制画面的？跟 ai 讨论完后整理出一张表，每个动画框架的优势和使用场景都不同， 接下来我们会挑选几个动画框架来做实验，来看看每一个框架的效果怎么样。先我们来看某神加载效果。 type 是 前端网页常用的套件之一，网页会边滚动边触发动画，整体动画会非常划算。因此我们先请 code code 帮我生成一个网页，再请 remotion 针对这个首页做成动画，可以看到效果很不错， 它就像是有动画的 ppt 一 样，会一页一页的展开。所以如果要做 ppt 效果的话， type 也是一个很不错的工具。 js 的 效果可以做出人口统计变化图资料我是请 cloud code 自己去抓的，也可以让 cloud code 生成系统加沟通，用动画来取代死板的图。 nice 第三，还有更多玩法，建议可以去官网那边观看，那边有很多 example 可以 参考的。 remotion 加 lotty， lotty 擅长做一些简单的动画，用 cloud code 的 操作起来也简单，例如这个小动画，我直接跟他说我要一个便利商店结账刷条码的动画，他就自动生成了。如果要生成一个马年庆图的过年影片， 也可以一个指令自动生成，可以去老弟的官网那边看，有很多别人做过的动画可以参考 remotion 加 three， 擅长处理三 d 动画的场景，例如这个塔防游戏，我下载了三 d 模式让 three 取， 再让 cloud code 生成一个塔防游戏的动画。这个工厂流水线的动画模式直接请 cloud code 自己读去文件后直接生成动画，效果都很不错。最后我们讲 remotion 加三 d 特效的实验结果。 blender 是 一套专业级开源三 d 绘图应用，可以用来做三 d 动画，三 d 建模等，很多独立三维动画师都在使用，免费的。像这边我们把一台车的模型加载到 blender， 并且通过 m c p 的 方式让我的 cloud code 来控制它，来让我看看最后生成动画的效果。 以上就是今天的全部内容了，整体来说 remotion 真的 是非常的强大，非常推荐大家使用，如果喜欢的话可以按我们下一集见，拜拜！
114可可开发日记！
00:32查看AI文稿AI文稿当你不小心把这个网址发给了 code code， 让它安装这个项目，你就可以制作这样的视频了。 不管是复杂的动态图标，还是炫酷的宣传片，我们都可以用这个 remotion 制作，只需要写一次代码，就能批量生成一万个不一样的视频。 最牛的是，它完美支持 webgl、 canvas 和 svg， 我 们所有的创意想法在这里全部能变成视频特效的，这绝对是今年最值得学的技术之一。
374甜馨AI
