尚未偵測到更新。GitHub 發布版本後會顯示在這裡。
依最近已完成的 8 小時觀測回合間的 GitHub 星號增量排序
Rebuild reference videos as editable AI motion graphics for product demos and launch videos. Download MotionClone for Windows or explore the early-access online studio.
翻譯準備中
個人 GitHub 帳號下公開儲存庫的擁有者可以登入並驗證所有權，自行管理介紹，無需管理員核准。
登入並產生驗證檔案，在 30 分鐘內將其提交至此儲存庫的預設分支。其他分支或分叉儲存庫中的檔案無效。然後在下方檢查檔案，即可無需管理員核准直接管理專案。請保留檔案以維持管理權限。
如需登入，將前往登入頁面。登入後請回到此處，再次點擊所選的驗證按鈕。
在專案資料夾中執行 /nomorevibe verify，即可驗證所有權並自行管理介紹。
一分鐘完成驗證正在載入完整 README。 以下為已儲存的摘錄。
一個免費的多平台直播串流觀看工具，支援同時觀看多個 Twitch 和 YouTube 直播，提供多種布局模式、聊天室整合、音量控制和強大的收藏管理功能。 • XSS 防護 • URL 和 ID 嚴格驗證 • Content Security Policy (CSP) 與 Cloudflare Headers 整合 • 隱私導向：無需註冊，資料全本地存儲 本專案採用 React + Vite 構建，請使用 Node.js 環境運行。 伺服器啟動後，請在瀏覽器中訪問終端機顯示的 URL (通常為 http://localhost:5173)。 1. 將專案推送到 GitHub 2. 在 Cloudflare Pages 中連接 GitHub 倉庫 3. 選擇專案目錄 4. Build command: npm run build 5. Build output directory: dist 6. 部署！檢視完整 README ↗
免費的多直播同時觀看工具，Twitch 和 YouTube 可以一起開，最多 16 路，還有台灣 VTuber 的開台週表。
🌐 線上版本：https://multistreaming.org/
MultiStream Hub 由 Hsiung-Shao 獨立開發與維護。起因很單純：同時追好幾位實況主的時候，開一堆分頁切來切去實在很麻煩，所以做了一個能把直播全部擺在同一個畫面上看的工具。
打開就能用，不用註冊。收藏、版面和設定都存在你自己的瀏覽器裡。
Alt + 數字 快速切換前端用 React + Vite，後端是 Cloudflare Pages Functions 加 Supabase。只想改畫面的話，跑前端就夠了；週表、搜尋、回饋這類功能需要後端才會有資料。
git clone https://github.com/Hsiung-Shao/Multi-Stream.git
cd Multi-Stream
npm install
npm run dev
啟動後打開終端機顯示的網址（通常是 http://localhost:5173）。
npx vitest run
測試用 Vitest + jsdom，目前約 100 個測試檔、1300 多條測試，全部跑完大約 20 秒。
npm run build
建置會依序產生 sitemap、打包前端、預渲染靜態頁（教學、FAQ、關於等頁面），輸出在 build/。
Cloudflare Pages Functions 讀根目錄的 .dev.vars（已加入 .gitignore，不會被提交）。會用到的變數：
| 變數 | 用途 |
|---|---|
SUPABASE_URL、SUPABASE_ANON_KEY、SUPABASE_SERVICE_ROLE_KEY | 資料庫連線 |
TWITCH_CLIENT_ID、TWITCH_CLIENT_SECRET | Twitch API |
TURNSTILE_SITE_KEY、TURNSTILE_SECRET_KEY、ENFORCE_TURNSTILE | 投稿與回饋的機器人驗證 |
IP_HASH_SALT | 回報與投稿防灌水（只存雜湊，不存 IP） |
ADMIN_API_TOKEN | 站方後台 |
資料庫 migration、Edge Functions 與本地 seed 都在 supabase/ 底下，可以用 Supabase CLI 在本機起一套來測。
Multi-Stream/
├── src/
│ ├── components/ # 畫布、動態島、各頁面與共用 UI（Shadcn/UI）
│ ├── features/ # 功能模組：收藏、週表、備份、公告、回饋、狀態頁、Twitch、YouTube…
│ ├── store/ # Zustand 狀態（串流、版面）
│ ├── hooks/ # 共用 hooks
│ ├── i18n/ # 五種語言的翻譯
│ ├── config/ # 站外連結、版本紀錄等設定
│ └── entry-server.tsx # 預渲染用的 SSR 入口
├── functions/ # Cloudflare Pages Functions（/api/*、個人週表頁 SSR）
├── supabase/ # migration、Edge Functions（週表排程）、seed
├── scripts/ # 建置、預渲染、sitemap、資料匯入等腳本
├── tests/ # Vitest 測試
└── public/ # 靜態資源
本專案以 PolyForm Noncommercial License 1.0.0 授權，© 2025-2026 Hsiung-Shao。
Required Notice 著作權聲明商業授權請透過意見回饋表單聯繫。
功能會持續改進，也很歡迎大家提供意見和建議！
MultiStream Hub 完全免費、不用註冊，但伺服器、網域和 API 配額每個月都有固定開銷。如果這個工具讓你追直播更輕鬆，歡迎用下面的方式支持網站繼續營運：
不方便贊助也沒關係，給 repo 一顆星星、加入 Discord，或把網站分享給一起追直播的朋友，都是很大的支持 ❤️
更多說明請看網站上的支持我們頁面。
完整的更新歷史請看網站上的「版本紀錄」。最近幾版：
Made with ❤️ by Hsiung-Shao