
專案概述
一個功能豐富的 Chrome 擴充功能,不僅支援 YouTube 影片的多品質下載,還整合了 AI 影片總結功能。使用 n8n 工作流自動化平台處理下載和總結任務,支援線上和本地兩種運行模式。
技術挑戰與解決方案
跨域通訊
瀏覽器擴充功能需要與外部 API 服務進行安全的跨域通訊。
解決方案:
使用 Chrome Extension 的 background script 處理 API 請求,配置適當的權限和 CSP 政策。
工作流整合
需要將複雜的影片處理流程自動化,包含下載、轉檔、AI 分析等步驟。
解決方案:
使用 n8n 設計完整的工作流,透過 Webhook 觸發,Docker Compose 部署相關服務。
系統架構

擴充功能使用 Chrome Extension API,透過 Webhook 與 n8n 工作流通訊,後端使用 yt-dlp 進行影片下載,AI 模型處理影片總結。
學習與心得
這個專案讓我學會了瀏覽器擴充功能的開發,掌握了工作流自動化的設計思維,以及如何整合不同的服務和 API 來實現複雜的功能需求。
技術棧
擴充功能
JavaScriptChrome Extension APIManifest V3
工作流
n8nyt-dlpffmpegDocker Compose
AI 服務
WebhookRESTful API