我有 HTML 程式碼作為一個項目,我想獲得一個錄製,以指定的速度緩慢向下滾動,它應該渲染 HTML,錄製應該也包含所有滾動動畫,有沒有辦法在 n8n 中完成,而無需安裝任何其他套件,像是 puppeteer?任何工作流程或解決方案都非常感謝。謝謝!
n8n 無法單獨完成此任務。沒有可以渲染 HTML 並錄製滾動畫面的節點,而且捕捉滾動動畫始終需要在某個地方執行瀏覽器引擎,這正是你想要避免的。
簡潔的解決方案是將渲染工作交給截圖/影片 API,並使用 HTTP Request 節點呼叫它。ScreenshotOne、urlbox 或 APIFreaks 等服務可以接收你的 HTML 或 URL,以你設定的速度自動滾動,並返回一個內嵌動畫的 MP4 檔案。無頭瀏覽器在他們的伺服器上執行,所以不需要在 n8n 中額外安裝任何東西。
由於你的 HTML 只是一個項目,可以將其傳遞給接受原始 HTML 的服務,或先進行託管再發送 URL。
Airtop 可以透過作為雲端瀏覽器並允許互動和截圖來提供幫助,但文件並未確認支持使用平滑滾動的連續錄製。對於這個功能,最合適的解決方案可能是使用 Puppeteer/Playwright、Browserless、ScrapingBee 或專業的外部 API。
HTML | n8n Docs
Airtop 節點文件 | n8n Docs
HTTP Request 節點在可透過瀏覽器存取的 URL 上失敗,出現 getaddrinfo 或逾時超過錯誤 - 問題 - n8n Community
不,n8n 沒有原生的「轉譯 HTML + 平滑捲動 + 錄製成影片」節點,沒有真正的瀏覽器引擎在某處運行是做不到的。HTML 節點只能操作 HTML,Airtop 提供遠端瀏覽器 + 螢幕截圖,但這兩者都無法單獨輸出捲動動畫的 MP4 檔案。
如果我今天必須在 n8n 中構建此功能,我會把它當作一個整合問題:
- 將你的 HTML 託管或發送到瀏覽器/影片 API(ScreenshotOne、urlbox、Browserless 等),該 API 可以自動捲動並返回影片,從 n8n 用 HTTP Request 呼叫該 API,
- 將返回的 MP4 儲存在 S3/Drive/Notion 中,或透過電子郵件/Slack 傳回。
這樣可以保持 n8n 作為協調器,讓繁重的工作(轉譯 + 捲動 + 擷取)在適當的地方進行,也就是為此目的而設計的無頭瀏覽器服務。
我訪問了這些連結,但它們說是用於螢幕截圖,但我想要取得螢幕錄製,我是不是理解錯了?
@SE-automations 我的回答中有影片選項 ![]()
感謝您 @tamy.santos,我已經在 Airtop 上註冊,然後我在節點上添加了憑證,但我是 Airtop 的新手,我創建了一個會話,然後創建了一個窗口,然後進行了滾動交互,但仍然找不到任何 .mp4 文件,我做錯了什麼嗎?
@SE-automations 為了回答你最後的問題,Airtop 不生成 MP4 錄影。它提供遠端瀏覽器控制和螢幕擷取,但滾動互動沒有「匯出影片」輸出,所以沒有任何東西出現。這不是你做錯了什麼,只是不在 Airtop 的設計範圍內。
若要從 HTML 進行真正的滾動螢幕錄製,在 n8n 的 HTTP Request 節點中最簡潔的選項是 ScreenshotOne,它支援影片/MP4 輸出(不僅是螢幕擷取),包括自動滾動。他們的 /record 端點直接接受原始 HTML 和滾動速度參數。
HTTP Request 節點設定範例:
方法:GET
URL:https://api.screenshotone.com/animate
查詢參數:
access_key → 你的 API 金鑰
html → 你的 HTML 字串(URL 編碼)
scenario → scroll
scroll_duration → 例如 5(滾動整個頁面的秒數)
format → mp4
回應以二進位形式返回,將其傳入 Write Binary File 節點或上傳到 Google Drive/S3。
如果成本是個考慮因素,Browserless(可自行託管)也支援透過 HTTP 傳送的 Playwright 指令碼進行螢幕錄製,設定較複雜,但如果在 n8n Docker 安裝旁自行託管則免費。
早安 @SE-automations
需要檢查他們的文件。