表示: レコーダー

レコーダーはViewerからSpineアニメーションを動画、アニメーション画像、または画像シーケンスとしてキャプチャします。

録画モード

• ⚡ Quick Record — MediaRecorder + captureStream()を使用したリアルタイムキャプチャ。WebM出力のみ。高速ですがリアルタイムフレームレートに制限されます。
• 🎬 HQ Export — WebCodecs VideoEncoder + readPixels()を使用したオフラインフレーム単位レンダリング。すべてのフォーマットに対応し、ピクセルパーフェクトな出力を生成します。

出力フォーマット

• 動画: WebM, MP4, AVI, MOV
• アニメーション画像: GIF, Animated PNG (APNG)
• 画像シーケンス: PNG Sequence, WebP Sequence

コーデック (HQ Export)

VP8, VP9, H.264 (AVC), AV1, ProRes — 利用可能なコーデックはブラウザサポートに基づいて自動検出されます。

品質

• プリセット: Low (~1 Mbps), Medium (~3 Mbps), High (~5 Mbps), Lossless (~20 Mbps)。
• カスタムビットレート — kbpsで指定して細かく制御。

タイミング

• FPS: 24, 30, 60, またはカスタム (1–120 fps)。
• ウォームアップ — 録画開始前に物理/constraintが落ち着くための秒数。
• Pause-after — 指定時間だけ最終フレームを保持。
• 最終フレームを含む — トグル。

ビューポートとクロップ

• クロップの有効/無効 — クロップ領域のトグル。
• クロップ矩形 — Spineワールド座標でX, Y, 幅, 高さ。
• Snap to pair — 設定可能なパディング付きでスケルトンペアにクロップを自動フィット。
• インタラクティブクロップオーバーレイ — ビューポートで直接角/端をドラッグ。

解像度

• スケールモード — パーセントスライダー (10%–400%)。
• 固定モード — 明示的なピクセル寸法 (最大4096px)。
• 計算された出力解像度がリアルタイムで表示されます。

レンダーオプション

• Render bones — デバッグボーンオーバーレイを含む。
• Render images — アタッチメント画像を含む。
• Render others — バウンディングボックス、パス。
• MSAA — None / 2× / 4× アンチエイリアシング。
• Smoothing — 0–8レベル、アルゴリズム選択付き (Bicubic / Bilinear)。

背景

• 透明 — アルファ非対応フォーマット（例GIF、JPEG）では自動無効化。
• 単色 — カスタムカラーピッカー。
• チェッカーボード — 透明度の視覚的インジケーター。
• アルファチャンネルサポート: VP9+WebM, AV1+MP4, PNG Sequence, APNG, WebP Sequence。

HUDオーバーレイ

• トグル: トラック情報、時刻、フレーム番号、FPS、スケルトンラベル。
• カスタムテキスト — ウォーターマーク文字列。
• 位置 — 4つの角（左上、右上、左下、右下）。
• フォントサイズ — 8–64px、テキストカラーピッカー付き。

リピートとマルチスケルトン

• リピート回数 — 1–100ループ反復。
• ターゲットペア — 特定のスケルトンまたはすべてを録画。
• スケルトンモード — Combined（単一ファイル）/ Separate files（スケルトンごとに1ファイル）。

ファイル名テンプレート

変数付きテンプレート文字列: {project}, {animation}, {W}, {H}, {fps}。解決されたファイル名のライブプレビューが表示されます。

タイムライン統合

録画範囲はタイムライン上に赤/オレンジの破線クリップとして表示されます。端をドラッグして範囲をリサイズ、本体をドラッグして位置変更、または設定ボタン（⚙️）で全録画設定を開きます。