把任何網站變成流暢的捲動影片
貼上一個連結。整個頁面會被擷取下來,捲動過程在瀏覽器裡逐格繪製,所以任何速度下都完全流暢。可儲存為 MP4、WebM 或 GIF,用於發表貼文、作品集或電子報。
- ✓免費,無浮水印
- ✓桌面或手機版面
- ✓16:9、9:16、1:1 和 4:5
- ✓MP4、WebM 和 GIF
這是一個範例頁面(虛構的產品)。在上方貼上網址即可換成自己的頁面。
1920×1080 MP4,在自己的電腦上逐格繪製。頁面的圖片不會被儲存。
運作方式
輸入連結,得到影片,共三步
擷取大約需要 20 秒。之後的一切都在自己的電腦上完成,所以變更設定不需要再次等待。
- 01
貼上網址
任何公開頁面都可以:到達頁、作品集、文件頁、商店頁面。選擇桌面或手機版面。
- 02
設定捲動
選擇畫面比例、長度和捲動方式:一次平滑滑到底、保持等速,或一屏一屏地停頓。也可以加上瀏覽器視窗和背景。
- 03
算繪並下載
影片在瀏覽器裡編碼為 MP4、WebM 或 GIF,最高 1080p、60 fps,沒有浮水印。
可以設定的項目
不只是螢幕錄影
3D 場景
讓捲動的網頁出現在傾斜的瀏覽器視窗、筆記型電腦或手機上,鏡頭圍繞它移動。可免費預覽,匯出需要訂閱方案。
三種捲動方式
「平滑」緩入緩出。「等速」保持同一速度。「逐屏」在每個區塊停留足夠的時間,方便閱讀。
各種比例
16:9 適合貼文或簡報,9:16 適合限時動態或短影片,1:1 和 4:5 適合動態消息。手機版面可以填滿直式影片。
視窗和背景
可以把頁面放進帶網址列的瀏覽器視窗或手機裡,搭配六種背景之一,而不是滿版呈現。
乾淨的循環
在結尾捲回頂端,影片或 GIF 重複播放時不會跳動。
整潔的頁面
擷取前會移除 Cookie 通知、聊天泡泡和彈出視窗;固定在頂端的頁首只在頁面頂端出現一次,不會遮住每一屏。
逐格精確
每一格都是繪製出來的,而不是錄製的,所以無論電腦多慢,都沒有卡頓、沒有游標、不會掉格。
用在哪裡
大家用它做什麼
發表
發表貼文
在 X、LinkedIn 或 Product Hunt 上,一段十秒鐘的新到達頁捲動影片比一張截圖更能說明問題。
作品集
案例展示
把自己設計或開發的網站以捲動的方式呈現,放在瀏覽器視窗和背景裡,用於作品集或 Dribbble 作品。
電子郵件
電子報和文件
在不能放影片的地方,一段循環播放的頁面短 GIF 也能用:電子郵件、README、更新紀錄。
社群
限時動態和短影片
9:16 的手機版面可以填滿限時動態、Reel 或 Short 的整個畫面。
使用須知
能擷取什麼,不能擷取什麼
僅限公開頁面
頁面由我們這邊一個未登入任何帳號的瀏覽器開啟。需要登入的頁面、自己電腦上的頁面或私人網路上的頁面無法擷取。
頁面作為圖片
頁面只擷取一次,然後捲動。頁面上的影片、輪播和動畫是靜止的,進場效果顯示為完成後的狀態。
很長的頁面
桌面版面擷取約 22 屏後停止,手機版面約 14 屏。影片在那裡結束。
拒絕造訪的網站
有些網站會封鎖自動化瀏覽器。遇到這種情況,工具會直接說明,而不是擷取一個錯誤頁面。
這個工具之外
捲動呈現頁面,Skill 說出它的故事
這個工具沿著現有的頁面一路滑下去。Motion Skill 則從同一個連結出發:在 Claude Code、Codex 或 Cursor 裡,代理程式讀取網站,挑出重點,寫出場景和文案,配好音樂,再算繪出一部 MP4 發表影片。
- ✓從自己的網站和文字出發,而不是範本
- ✓場景、字幕和音樂,剪在一起
- ✓在自己的電腦上算繪,成品歸自己使用
從這裡接著做的 Skill
每個 Skill 做的影片類型都不同,第一個與本頁最接近。
要做的影片不只一種?
可以先免費使用 Motion Director。單個 Skill $4.90;訂閱方案解鎖全部 Skill,新上線的也包含在內。
月付
$9.90/ 月
- ✓全部完整版 Skill,風格內建
- ✓新 Skill 上線即可用
- ✓現有 Skill 的更新
- ✓算繪成果可商用
年付
省 34%$79/ 年
- ✓全部完整版 Skill,風格內建
- ✓新 Skill 上線即可用
- ✓現有 Skill 的更新
- ✓算繪成果可商用
創始終身版
創始會員優惠$169一次性
- ✓全部完整版 Skill,風格內建
- ✓新 Skill 上線即可用
- ✓現有 Skill 的更新
- ✓算繪成果可商用
- ✓一次付費,無需續費
常見問題
網頁捲動影片產生器是免費的嗎?
是的。沒有浮水印,匯出次數不限。擷取自己的網頁需要用 Google 免費登入,每人每天最多 10 個頁面,這樣工具才能一直對所有人免費。
捲動影片是怎麼做出來的?
我們這邊的瀏覽器開啟頁面,載入延遲載入的圖片,移除 Cookie 通知,然後拍下整個頁面的圖片。這些圖片傳到自己的瀏覽器,由它逐格繪製捲動並編碼影片。所以動態完全均勻。
可以做網站樣機影片嗎?
可以。擷取之後選一個 3D 場景:網頁會在傾斜的瀏覽器視窗、筆記型電腦或手機上捲動,鏡頭同時移動,背景可選。所有場景都能免費預覽;匯出需要訂閱方案,平面捲動免費。
會保存頁面或影片嗎?
不會。網址和圖片都不會被儲存,影片在自己的電腦上製作,不會上傳。
可以擷取需要登入的頁面嗎?
不可以。開啟頁面的瀏覽器沒有登入。對於需要登入的頁面,可以自己錄製螢幕,或把頁面匯出為 HTML 後使用「HTML 轉影片」工具。
為什麼頁面上的動畫不會動?
頁面是先擷取成圖片再捲動的,所以會自己動的內容都顯示為靜止。如果重點是動態效果,「HTML 轉影片」工具可以逐格算繪 HTML 動畫。
應該選哪種尺寸和格式?
1080p 的 MP4 在任何地方都能用。限時動態和短影片用 9:16 搭配手機版面,電子郵件或 README 用 540p 的 GIF。
可以做手機版網站的捲動影片嗎?
可以。擷取前選擇「手機」:頁面會以手機的寬度和手機瀏覽器的身分開啟,比例也會切換為 9:16。







