AI視覚QAの「動いてるように見えて動いてない」問題 — hidden tabのrAF throttleとJS state過信
この記事で分かること
AI視覚QAで画面が動いていないように見える原因と対策が分かる。hidden tabでのrAF throttleとJS stateの過信が問題を引き起こす。具体的には、visibility changeイベントを監視して、タブが非表示の間はQA処理を一時停止するか、別のトリガーを使う必要がある。
詳細要約
ブラウザの`requestAnimationFrame`が非表示タブでは1秒間に1回以下に間引かれるため、AIによる動画解析で「動いていない」と誤判定される。対策として、`setInterval`や`Web Worker`で定周期のフレーム取得処理を別途実装し、rAFに依存しない監視経路を確保する。また、JavaScriptの状態変数だけを信じて「変化なし」と判断せず、Canvasのピクセル差分や`ImageData`の直接比較を併用する。