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 裡,代理程式讀取網站,挑出重點,寫出場景和文案,配好音樂,再算繪出一部 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 秒。其餘都在瀏覽器裡完成。