Motion Skills

把任意网站变成流畅的滚动视频

粘贴一个链接。整个页面会被截取下来,滚动过程在浏览器里逐帧绘制,所以任何速度下都完全流畅。可保存为 MP4、WebM 或 GIF,用于发布帖、作品集或邮件通讯。

布局

这是一个示例页面(虚构的产品)。在上方粘贴地址即可换成自己的页面。

风格

3D 场景可免费预览,导出需要订阅方案;平面滚动免费。

画幅
滚动
边框
格式
尺寸
帧率

1920×1080 MP4,在本地电脑上逐帧绘制。页面的截图不会被保存。

工作原理

输入链接,得到视频,共三步

截取大约需要 20 秒。之后的一切都在本地电脑上完成,所以修改设置不需要再次等待。

  1. 01

    粘贴地址

    任何公开页面都可以:落地页、作品集、文档页、商店页面。选择桌面或手机布局。

  2. 02

    设置滚动

    选择画幅、时长和滚动方式:一次平滑滑到底、保持匀速,或一屏一屏地停顿。也可以加上浏览器窗口和背景。

  3. 03

    渲染并下载

    视频在浏览器里编码为 MP4、WebM 或 GIF,最高 1080p、60 fps,没有水印。

可以设置的内容

不只是录屏

用在哪里

大家用它做什么

使用须知

能截取什么,不能截取什么

这个工具之外

滚动展示页面,Skill 讲出它的故事

这个工具沿着已有的页面一路滑下去。Motion Skill 则从同一个链接出发:在 Claude Code、Codex 或 Cursor 里,Agent 读取网站,挑出重点,写出场景和文案,配好音乐,再渲染出一部 MP4 发布片。

  • ✓从自己的网站和文字出发,而不是模板
  • ✓场景、字幕和音乐,剪在一起
  • ✓在本地电脑上渲染,成片归自己使用
用 发布片 做的示例片

每个 Skill 做的片子类型都不同,第一个与本页最接近。

查看全部 →

要做的片子不止一种?

可以先免费用 Motion Director。单个 Skill $4.90;订阅方案解锁全部 Skill,新上线的也包含在内。

月付

$9.90/ 月

  • ✓全部完整版 Skill,风格内置
  • ✓新 Skill 上线即可用
  • ✓现有 Skill 的更新
  • ✓渲染成果可商用

付款方式

选择信用卡或 PayPal 付款。

年付

省 34%

$79/ 年

  • ✓全部完整版 Skill,风格内置
  • ✓新 Skill 上线即可用
  • ✓现有 Skill 的更新
  • ✓渲染成果可商用

付款方式

选择信用卡或 PayPal 付款。

创始终身版

创始会员优惠

$169一次性

  • ✓全部完整版 Skill,风格内置
  • ✓新 Skill 上线即可用
  • ✓现有 Skill 的更新
  • ✓渲染成果可商用
  • ✓一次付费,无需续费

付款方式

选择信用卡或 PayPal 付款。

获取 Motion Director(免费) →单个 Skill $4.90 · 挑一个 Skill →

常见问题

网页滚动视频生成器是免费的吗?

是的。没有水印,导出次数不限。截取自己的网页需要用 Google 免费登录,每人每天最多 10 个页面,这样工具才能一直对所有人免费。

滚动视频是怎么做出来的?

我们这边的浏览器打开页面,加载懒加载的图片,移除 Cookie 提示,然后拍下整个页面的图片。这些图片传到本地浏览器,由它逐帧绘制滚动并编码视频。所以运动完全均匀。

可以做网站样机视频吗?

可以。截取之后选一个 3D 场景:网页会在倾斜的浏览器窗口、笔记本电脑或手机上滚动,镜头同时移动,背景可选。所有场景都能免费预览;导出需要订阅方案,平面滚动免费。

会保存页面或视频吗?

不会。地址和图片都不会被保存,视频在本地电脑上生成,不会上传。

可以截取需要登录的页面吗?

不可以。打开页面的浏览器没有登录。对于需要登录的页面,可以自己录屏,或把页面导出为 HTML 后使用「HTML 转视频」工具。

为什么页面上的动画不动?

页面是先截取成图片再滚动的,所以会自己动的内容都显示为静止。如果重点是动效,「HTML 转视频」工具可以逐帧渲染 HTML 动画。

应该选哪种尺寸和格式?

1080p 的 MP4 在任何地方都能用。快拍和短视频用 9:16 配合手机布局,邮件或 README 用 540p 的 GIF。

可以做手机版网站的滚动视频吗?

可以。截取前选择「手机」:页面会以手机的宽度和手机浏览器的身份打开,画幅也会切换为 9:16。

粘贴链接,看它滚动起来

截取大约需要 20 秒。其余都在浏览器里完成。