讓用畫布做分鏡的人，可以一鏡一張卡排好長度、按一下就照長度播出來看節奏，最後匯出分鏡表 PDF 和給剪輯軟體的檔——不必先花影片生成的錢。

這張要解決什麼

一步一步 14 步

1. 負責人＋Claude　先寫這一波的 ADR：卡片的欄位存在哪、時間軸跟卡片是用線連還是把卡放進去、畫布格式要不要升版、助理讀不讀得到卡片欄位；順便把「要不要出 MP4（ffmpeg 出片容器）」和「匯出哪種剪輯檔」提出來裁。

   負責人看過 ADR 才開始寫程式（本單「動手前要先做的」）。
2. 使用者　在畫布上新增一張欄位卡片，挑一組預設。

   畫布上出現一張卡，欄位照那組預設排好。換一組預設就是另一種用途，同一個元件。
   畫布：新增欄位卡片（線框示意，入口位置 ADR 還沒定）

   新增欄位卡片

   • 預設：影片鏡頭｜簡報段落｜角色（之後可以再加，例如施工照片時序）

   欄位是預設值，不是固定的表——換一組預設就換一組欄位

   放到畫布
3. 使用者　填「影片鏡頭」這組欄位：鏡號、起訖、景別、機位高度、鏡頭、畫面、聲音、狀態。

   卡片上看得到填好的內容，也看得到這一鏡多長。
   欄位卡片（影片鏡頭）

   鏡號：3

   起訖：0:24–0:44

   景別

   機位高度

   鏡頭

   畫面（文字描述）

   聲音

   狀態

   長度 20 秒

   採用的畫面（還沒掛）
4. 使用者　把一張圖片、或某個智慧元件（例如草圖轉渲染）接到卡片上，當這一鏡「採用的畫面」。

   卡片顯示那張圖。接的是智慧元件的話，顯示的是它「採用中」的那一次；在元件上改採用別次，卡片跟著換（#288 的採用）。
   欄位卡片：採用的畫面

   採用的畫面：草圖轉渲染・第 3 次（採用中）

   來源：智慧元件，元件上改採用別次，這裡跟著換
5. 使用者　把聲音接到卡片：朗讀的成品、錄音、或用檔案元件（#289）放上來的音檔。

   卡片標出這一鏡有聲音；播放時會一起播。
   欄位卡片：聲音

   聲音：朗讀的成品（暫用）

   可以接：朗讀、錄音、上傳的音檔
6. 使用者　把卡片的字（例如「畫面」那一格）拉線接到草圖轉渲染或文字生成，當它的描述。

   智慧元件拿卡片的字去跑，做出這一鏡的關鍵畫面；跑好的那一次可以再掛回卡片當採用的畫面。
7. 使用者　放一張「角色」預設的卡：填人物欄位、掛 1–4 張圖；之後在草圖轉渲染的描述裡寫 @名字。

   伺服器照那張角色卡的節點 id 找到圖當參考圖，不看卡片在畫布上的哪個位置。一次能放幾個角色、超過時怎麼提醒，要等 PR #325 的四題裁完。
   欄位卡片（角色）

   名字

   人物描述

   參考圖（1–4 張）

   在智慧元件的描述裡寫 @名字，就會帶這張卡的圖
8. 使用者　放一條時間軸，把欄位卡片照順序排進去，設目標長度（例如 90 秒）。

   時間軸算出總長、跟目標差多少；有空檔、有重疊的地方直接標出來。
   時間軸

   時間軸

   總長 1:32／目標 1:30（多 2 秒）

   0:22–0:24 空檔 2 秒

   0:58–1:01 第 6、7 鏡重疊 3 秒

   • 第 1 鏡 0:00–0:08｜第 2 鏡 0:08–0:22｜第 3 鏡 0:24–0:44｜…

   播放
9. 使用者　設定片中時鐘：從 20:00 開始倒數；可以從任意時刻開始、在某一鏡停住，或歸零後過幾秒再從 20:00 重來。

   時間軸上同時看得到兩個時鐘：片長（這支片播到哪）和片中時鐘（劇情裡那個倒數）。
   時間軸：片中時鐘

   片中時鐘：倒數

   從 20:00 開始

   在這一鏡停住

   從這裡重來

   片長 0:42｜片中 19:18
10. 使用者　按播放。

    採用的畫面照每張的長度輪播，畫面上疊著片中時鐘，跟實際時間一比一走；卡上掛的聲音一起播。整個過程不花影片生成的錢。
    播放中

    目前這一鏡的採用畫面（滿版）

    疊在畫面上的片中時鐘：19:18

    第 5 鏡／共 8 鏡

    暫停
11. 使用者　按「匯出分鏡表 PDF」。

    伺服器走單據轉 PDF 那條路算出 PDF（字型內嵌，換電腦打開一樣）；版面 ADR 裡定。
    時間軸：匯出

    匯出分鏡表 PDF

    匯出給剪輯軟體（格式還沒定）
12. 使用者　按「匯出給剪輯軟體」，在自己的剪輯軟體（DaVinci、Premiere、Final Cut 這類）打開。

    得到一個交換檔，打開就是排好的時間軸，精剪在使用者自己的軟體做。匯出哪幾種格式、要不要另外出 MP4，都還沒裁。
13. 還開著舊版頁面的同事　在沒重新整理的舊分頁裡打開同一張畫布。

    看不懂的新卡片和時間軸不顯示，但不會被刪掉或蓋掉；畫面上方講出有幾個物件讀不懂（如果畫布格式升版，就改成請他重新整理）。
    舊分頁的畫布

    這張畫布裡有 9 個物件這一版讀不懂
14. Claude　在測試租戶用瀏覽器實跑並錄影：一份短的示範劇本、8 張卡各掛一張圖、排成 90 秒、播放時倒數 1:1、匯出分鏡表 PDF；錄影放展示頁，連結貼回本單與 #274。

    PM 宜芳看錄影，再照下面的驗收步驟自己點一次。

已經定的 15 條

• 排成新的一波，插在第 4 波（Excalidraw、群組）之後、第 5 波（Tiptap）之前；盡量以通用設計為主#278 本文，負責人 10/02 深夜
• 欄位是預設值、不是表結構：第一組預設是「影片鏡頭」，同一個元件換一組欄位就是簡報分鏡或施工照片時序#278 本文、ADR-0017（行業差異只能存在於預設值層）
• 先寫 ADR、定完形狀才寫程式#278 本文「動手前要先做的」
• 會播的分鏡不花影片生成的錢：用採用的畫面照長度輪播＋片中時鐘＋暫用的聲音，先看節奏再決定哪幾鏡做成影片#278 本文、#274 第 4.5 波
• 不做剪輯軟體；精剪靠匯出交換檔給使用者自己的剪輯工具#274 第 4.5 波「不做剪輯軟體」、#278 留言 10/02 調查
• 卡片掛的「採用的畫面」直接讀智慧元件採用的那一次（採用＝把元件指到那一次，不開新欄位）PR #288（第 2.5 波）、#278 留言 10/03 第三段
• 新節點在舊版分頁要被數成「讀不懂」、講出來、不能蓋掉#278 本文、src/lib/firm/canvas-doc.ts 既有規矩
• 角色卡＝這張欄位卡片的一組預設（人物欄位＋1–4 張圖），不另開一種資料#322，負責人 10/05「照建議」
• 「哪張是誰」用角色卡＋@名字，伺服器照卡的節點 id 對應，不照畫布位置#322，負責人 10/05「照建議」
• 影片生成以首幀為主、參考圖選配，在第 6 波，不在這張#322，負責人 10/05「照建議」
• ffmpeg（出 MP4）負責人說「後面再回頭做」，留到這一波再提#278 留言 10/03 第二段
• 沙箱的對外入口要等 ADR-0095 四題答完才開（平台寫死的處理也算入口）ADR-0095，負責人 10/01
• 前端只准寬鬆授權的套件（GPL 類的剪輯器、ffmpeg.wasm 核心裝不進前端）；伺服器端的工具可以是 GPL，但要標出來#279 授權白名單、#298 已裁定的
• 每一波如果有新的出境類別就升一次告知，升版前文字先給負責人過目#274 裁決第 2 條
• 每一波做完要瀏覽器實測、錄影放展示頁、連結貼回 issue#274 本文最後一段

還沒定的 10 題

怎麼驗收 9 項

• 前提：用測試租戶的帳號登入，開一張新畫布
  操作：新增一張欄位卡片、選「影片鏡頭」；再把預設換成「簡報段落」
  應該看到：第一次看到鏡號、起訖、景別、機位高度、鏡頭、畫面、聲音、狀態八格；換了之後變成簡報段落那一組欄位
• 前提：三張影片鏡頭卡，起訖分別是 0:00–0:10、0:15–0:35、0:30–1:00；放一條時間軸，目標長度設 90 秒
  操作：把三張卡排進時間軸
  應該看到：總長顯示 1:00、比目標少 30 秒；0:10–0:15 標出空檔 5 秒；0:30–0:35 標出第 2、3 張重疊 5 秒
• 前提：時間軸上至少有 70 秒的卡、每張都掛了一張圖；片中時鐘設成從 20:00 倒數
  操作：按播放，同時用手機碼表計時，到 60 秒按暫停
  應該看到：片中時鐘停在 19:00（差一格以內）；播放中畫面照每張的長度換圖
• 前提：時間軸排 40 秒：前 30 秒兩張卡、接一張 3 秒的黑畫面卡、再一張 7 秒的卡；片中時鐘從 0:30 倒數，在黑畫面卡後面設「從 20:00 重來」
  操作：按播放看到底
  應該看到：片長 0:30 時片中時鐘歸零，戲照樣往下播；片長 0:33 時片中時鐘跳回 20:00 開始倒數；播完（片長 0:40）停在 19:53
• 前提：一張卡接著一個跑過三次的草圖轉渲染，元件採用的是第 2 次
  操作：在元件上改採用第 3 次，再按時間軸的播放
  應該看到：卡片上的採用畫面換成第 3 次，播放時也是第 3 次
• 前提：上面那條排好、掛好圖的時間軸
  操作：按「匯出分鏡表 PDF」
  應該看到：下載得到一份 PDF，每一鏡的欄位和採用的畫面都在；換一台電腦打開字型一樣
• 前提：只有部署當天測得到：分頁 A 是部署前就開著、沒重新整理的舊版；分頁 B 重新整理過
  操作：在分頁 B 放欄位卡片和時間軸並存好；回分頁 A 打開同一張畫布、改一張便條
  應該看到：分頁 A 上方講出有幾個物件讀不懂（或請你重新整理）；回分頁 B，卡片和時間軸都還在、沒被蓋掉
• 前提：一份短的示範劇本（測試租戶）
  操作：做 8 張卡、各掛一張圖、排成 90 秒，按播放從頭看到尾，再匯出分鏡表 PDF
  應該看到：播 1:30 剛好播完，倒數跟碼表一比一；PDF 裡有 8 鏡
• 前提：角色卡確定在這張做、#325 四題裁完；放一張「角色」預設的卡，名字填「角色甲」、掛 2 張圖
  操作：在草圖轉渲染的描述寫 @角色甲 並執行；把角色卡拖到畫布另一頭，再執行一次
  應該看到：兩次都拿角色甲那張卡的圖當參考圖；卡片放在哪裡不影響對應

這張不做

• 不做剪輯軟體，也不嵌付費剪輯器（IMG.LY、Remotion 這類）；精剪交給使用者自己的剪輯軟體
• 不生成影片：會播只是把採用的畫面照長度輪播，生成影片在第 6 波（以首幀為主）
• 不讓模型決定每一鏡多長——長度是內容，由人排
• 不把行業欄位做成資料表結構，只做預設值
• 不把 ffmpeg 裝進前端（GPL 的 ffmpeg.wasm 核心過不了授權白名單）

相關的單