Keyboard Lock と Pointer Lock API には、Chrome 131 の権限が必要です

Thomas Steiner

Keyboard Lock API を使用すると、デベロッパーは、インタラクティブなウェブサイト、ゲーム、リモート デスクトップやアプリのストリーミングなど、さまざまなユースケースで没入感のあるフルスクリーン エクスペリエンスを提供できます。これは、ウェブサイトがホスト オペレーティング システムで許可されているすべての鍵を使用できるようにすることで実現します。

Pointer Lock API を使用すると、デスクトップ アプリケーションでポインタ アイコンを非表示にして、マウスの動きを 3D 世界を探索するなど、他の目的に解釈できます。

Chrome 131 以降では、これらの 2 つの API のいずれかを使用するには権限が必要です。次のスニペットに示すように、権限を確認できます。

const {state} = await navigator.permissions.query({name: 'pointer-lock'});
if (state === 'granted') {
  // The Pointer Lock API can be used.
}

const {state} = await navigator.permissions.query({name: 'keyboard-lock'});
if (state === 'granted') {
  // The Keyboard Lock API can be used.
}

権限をリクエストする必要はありません。権限が付与されていない場合は、ポインタまたはキーボードをロックする最初のリクエスト時に、ブラウザに権限プロンプトが表示されます。