「封面串故事 · 音樂影片分鏡產生器」是阿凱老師為國小高年級到國中 AI 音樂創作課程量身打造的 教學駕駛艙級 AI 影片工作流工具 — 上傳 MV → 抓封面 → AI 接 4-6 段 5 秒分鏡 → 跳 8 大 AI 影片平台產畫面 → 瀏覽器內 ffmpeg.wasm 串成完整短片。
🎯 核心特色
- 🎬 影片不上傳（隱私 + 速度） — 拖曳 MP4 / WebM / MOV（最大 200MB）完全瀏覽器內處理，拖時間軸即時挑封面那一幀，一鍵下載 PNG
- 🤖 Gemini 2.5 Flash 多模態看圖 + JSON mode 強制結構化 — 一次產 8 種風格的後續 20-30 秒分鏡：寫實電影級 / Suno 抒情 / 童趣動畫 / 日系動漫 / 賽博龐克 / 吉卜力 / 紀錄片 / K-pop MV，每風格切 4-6 段每段 5 秒，每段附
shot / action / mood / prompt_zh / prompt_en中英雙語都有 - 🎭 跨段角色一致性 prompt 設計（細節控） — System prompt 明確要求**「每段 prompt 都要完整重述主角外觀，不可用『同上』」**（因為各平台一次只能產 3-5 秒串起來會「換臉」）+ 不准歌詞直接寫進 prompt + 不准出現「承接上一段」字眼
- 🚀 PlatformLauncher 一鍵跳轉 8 大平台 — Google Flow / Canva AI / 海螺 Hailuo / Anijam / Runway / 可靈 Kling / Pika / Meta AI，自動複製 prompt 到剪貼簿 + 開新分頁
- 🎞️ 瀏覽器內 ffmpeg.wasm 串影片 — 學生在各平台產完 N 段 5 秒影片 → 回網站第 5 區塊多選上傳 → ffmpeg.wasm 串成 mp4（首次下載 30MB 後快取），零安裝、零上傳、零學習門檻
- 📖 45 分鐘完整教學駕駛艙
teach.html— 5 分引起動機 + 7 分講「分鏡 = 影像敘事語言」+ 3 分示範 + 15 分學生實作（必做填主角外觀 300 字）+ 10 分貼回 Flow / Canva + 5 分反思「AI 是創作助手還是主角？誰是作者？」，內含 6 題學生工作單 + 評量規準三級分 - 🛡️ 安全設計（給未成年用） — 安全分級拉到
HARM_CATEGORY_SEXUALLY_EXPLICIT = BLOCK_LOW_AND_ABOVE比預設嚴格一級 + Cloudflare Turnstile 無感人機驗證 + maxInstances=5
💡 設計理念
完全免費、不需登入、不需 API key。三層學習目標：知識（AI 工作原理）+ 技能（把長故事拆成 5 秒分鏡 + 文字描述運鏡）+ 素養（AI 是創作夥伴不是替代者）。石門國小六年級 + 某國中跨領域實測：學生產出 25 秒短片完成率 20%（跨工具卡關）→ 85%、「我懂分鏡是什麼」自評 30% → 80%、prompt 跨段一致 5% → 70%。
🎒 適合情境
阿凱 AI 影片三件套：
- #65 AI Creator Hub — 「為什麼用」三步驟工作流入口
- #66 Sora 旅遊全記錄 — 「用 Sora」OpenAI 專屬
- #94 封面接故事（本工具） — 「動手做」分鏡 + 串接一條龍
適合音樂課（學生作詞曲後接 MV 分鏡）、視覺藝術（影像敘事單元）、資訊科技（AI 應用 + prompt engineering）、生活科技（影音製作）、綜合活動（媒體素養 + AI 倫理）、彈性學習（跨領域 PBL）。第一次用建議從「給學生一首他喜歡的歌，產 1 種風格分鏡」開始 — 45 分鐘剛好一堂課。部署 cagoooo.github.io/music-cover-storyboard/，配 完整教學駕駛艙。MIT 授權。