メモリリーク対策

❌ Canvas毎回作成

function captureFrame() {
  const canvas = 
    document.createElement('canvas');
  // ...
}

約30秒でクラッシュ

✓ Canvas再利用

const canvas = 
  document.createElement('canvas');
function captureFrame() {
  ctx.clearRect(0, 0, ...);
  // ...
}

メモリ使用量安定

Canvas、ImageDataを再利用してメモリリーク防止
約500MBで安定