📊 動画+HTML統合システムフロー
▶️ 開始
🔄 リセット
1. レイアウト定義読み込み
JSON形式でレイヤー構成を定義
↓
2. レンダラー初期化
HtmlRenderer、VideoRendererを生成
↓
3. Canvas準備
統合用OffscreenCanvasを作成
↓
4. HTMLレイヤー準備
SVG変換、キャッシュ生成
↓
5. 動画レイヤー読み込み
video要素を作成、再生準備
↓
6. レイヤー描画
各レンダラーが指定位置に描画
↓
7. 選択的更新
動画レイヤーのみ毎フレーム更新
ボタンを押してフローを開始