LaunchFlim · 產品發布影片

把產品變成一支發布影片。

AI 寫分鏡，引擎拍成片。每一格畫面都來自你的真實產品，一次輸出 16:9、9:16、4:5。

開始製作先玩播放器

S00 — OPENING

120 BPM

16:9 · 9:16 · 4:5

1920×1080 · 60 FPS

捲動就是播放頭

S01 · 主張

不重畫你的介面不虛構你的功能直接拍你的產品。

畫面來自真實擷取：公開網址、原始碼，或你提供的錄影。

S02 · storyboard.json → film

寫的是資料，出來的是電影。

右邊不是影片檔，是 LaunchFlim 的引擎照著左邊這份分鏡，在你的瀏覽器裡一格一格算出來的。往下捲，就是往後播。

storyboard.json · shots[0–2]

{ "type": "text", "lines": ["發表會前一週，", "影片還沒開始。"], "in": 0.25, "out": 3.25 }
{ "type": "cards", "labels": ["腳本", "分鏡", "錄螢幕", …], "in": 1 }
{ "type": "logo", "src": "assets/logo-paper.svg", "in": 4, "out": 7.5 }
{ "type": "text", "lines": ["把產品變成一支發布影片。"], "in": 5, "out": 7.4 }
{ "type": "device", "kind": "browser", "content": ["home", "home-filled", "project", "project-strip"], "in": 8, "out": 22.45 }
{ "type": "step", "num": "01", "lines": ["貼上網址，", "拍下真實畫面。"], "in": 8.15, "out": 12.45 }
{ "type": "caption", "text": "畫面：LaunchFlim 工作室，正在拍這個網站", "in": 8.6, "out": 22.45 }

00:00:00:0000:00:12:30

S03 · 播放器

播放頭在你手上。

同一份分鏡，換個比例就重新構圖；改一行字、換一個品牌色，整支片立刻跟著改。

1920×1080 · 60 fps

00:00:01:45

Hook

品牌

擷取

分鏡

比例

承諾

結尾

拖曳時間軸，或在畫面上左右滑動

比例 · formats

品牌色 · brand.colors.accent

產品名稱 · shots[1].lines輸入後跳到第 5.8 秒，看品牌句被改寫。

storyboard.json · 原始版本

用你的產品做一支

S04 · 流程 · 01 / 05

從網址到成片。

01擷取Capture

凍結時鐘、逐格步進 CSS 動畫，拍下真實介面。登入後的畫面，用你提供的錄影。

02分鏡Storyboard

Claude 讀你的簡報、品牌和擷取的畫面，寫出 storyboard.json：鏡頭、元素、進出場，全部落在拍點上。

03聲音Sound

音效從時間軸推導：點擊、滑動、Logo 落在重拍上；配樂依調性與段落合成。

04檢查Check

每一格檢查文字重疊、出框、壓到裝置；成片再查規格、黑邊、凍結畫面與響度。

05輸出Export

120 fps 擷取再合成 60 fps 動態模糊，輸出 H.264：16:9、9:16、4:5。

desktop-home 2880×1800 · desktop-storyboard · mobile-home 1170×2532

storyboard.json · shots[2] · Claude 寫的

{  "id": "capture",  "start": 7.95,  "end": 12.95,  "elements": [    {      "type": "step",      "num": "01",      "lines": ["貼上網址，", "拍下真實畫面。"],      "in": 8.15,      "out": 12.45    },    {      "type": "device",      "kind": "browser",      "in": 8,      "content": ["home", "home-filled", "project", "project-strip"]    }  ]}