檢視器：錄製

錄製器可將檢視器中的 Spine 動畫擷取為影片、動態圖片或圖片序列。

錄製模式

• ⚡ 快速錄製 — 使用 MediaRecorder + captureStream() 進行即時擷取。僅輸出 WebM。速度快但受限於即時幀率。
• 🎬 HQ 匯出 — 使用 WebCodecs VideoEncoder + readPixels() 進行離線逐幀渲染。支援所有格式並產出像素精確的輸出。

輸出格式

• 影片：WebM、MP4、AVI、MOV
• 動態圖片：GIF、Animated PNG (APNG)
• 圖片序列：PNG Sequence、WebP Sequence

編解碼器（HQ 匯出）

VP8、VP9、H.264 (AVC)、AV1、ProRes — 可用編解碼器依瀏覽器支援自動偵測。

品質

• 預設：低（~1 Mbps）、中（~3 Mbps）、高（~5 Mbps）、無損（~20 Mbps）。
• 自訂位元率 — 以 kbps 指定進行精細控制。

時間

• FPS：24、30、60 或自訂（1–120 fps）。
• 暖機 — 錄製開始前讓物理/約束穩定的秒數。
• 結尾暫停 — 保持最後一幀指定時長。
• 包含最後一幀 — 切換。

視口 & 裁剪

• 啟用/停用裁剪 — 切換裁剪區域。
• 裁剪矩形 — 以 Spine 世界座標表示的 X、Y、寬度、高度。
• 對齊配對 — 自動將裁剪區域對齊到骨架配對，可設定內距。
• 互動裁剪覆疊 — 直接在視口中拖動角落/邊緣。

解析度

• 縮放模式 — 百分比滑桿（10%–400%）。
• 固定模式 — 明確的像素尺寸（最大 4096px）。
• 計算後的輸出解析度即時顯示。

渲染選項

• 渲染骨骼 — 包含除錯骨骼覆疊。
• 渲染圖片 — 包含附件圖片。
• 渲染其他 — 邊界框、路徑。
• MSAA — None / 2× / 4× 反鋸齒。
• 平滑 — 0–8 級，可選擇演算法（Bicubic / Bilinear）。

背景

• 透明 — 對不支援 alpha 的格式自動停用（例如 GIF、JPEG）。
• 純色 — 自訂顏色選擇器。
• 棋盤格 — 透明度視覺指示器。
• Alpha 通道支援：VP9+WebM、AV1+MP4、PNG Sequence、APNG、WebP Sequence。

HUD 覆疊

• 切換：軌道資訊、時間、幀號、FPS、骨架標籤。
• 自訂文字 — 浮水印字串。
• 位置 — 4 個角落（左上、右上、左下、右下）。
• 字型大小 — 8–64px，附文字顏色選擇器。

重複 & 多骨架

• 重複次數 — 1–100 次循環。
• 目標配對 — 錄製特定骨架或全部。
• 骨架模式 — 合併（單一檔案）/ 分開檔案（每個骨架一個檔案）。

檔名範本

含變數的範本字串：{project}、{animation}、{W}、{H}、{fps}。已解析檔名的即時預覽會顯示。

時間軸整合

錄製範圍會以紅/橙色虛線片段顯示在時間軸上。拖動邊緣調整範圍大小、拖動主體重新定位，或使用設定按鈕（⚙️）開啟完整錄製設定。