マルチタブ ブラウジングが一般的になっているため、アプリが実行されているからといって、ユーザーがアプリを視聴しているとは限りません。幸い、新しい Page Visibility API を使用すると、アプリが表示されているかどうかを検出できます。この API を使用すると、不要なネットワーク アクティビティと計算を削減できます。
document.webkitHidden は、現在のページが非表示かどうかを示すブール値です（最新の Chromium ビルドを使用している場合は、コンソールで今すぐ試すことができます）。document.webkitVisibilityState は、現在の状態を示す文字列（visible、hidden、prerendered のいずれか）を返します。ユーザーがアプリのタブを開いたときやタブから離れたときなど、これらのいずれかが変更されると、新しい webkitvisibilitychange イベントが発生します。
試してみたい場合は、visibility.js をご覧ください。このライブラリは、API に少し機能を追加して、インタラクションをより楽しく視聴できるようにします。