Keyboard Lock API를 사용하면 개발자가 양방향 웹사이트, 게임, 원격 데스크톱 또는 애플리케이션 스트리밍을 비롯한 다양한 사용 사례에 몰입도 높은 전체 화면 환경을 제공할 수 있습니다. 이를 위해 웹사이트가 호스트 운영 체제에서 허용하는 모든 사용 가능한 키를 사용할 수 있습니다.
Pointer Lock API를 사용하면 데스크톱 애플리케이션이 포인터 아이콘을 숨기고, 3D 세상에서 주변을 살펴보는 것과 같은 다른 동작을 위해 마우스 모션을 해석할 수 있습니다.
Chrome 131부터 이 두 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.
}
권한을 요청할 필요는 없습니다. 이전에 권한이 부여되지 않은 경우 브라우저에 포인터 또는 키보드를 잠그라는 첫 번째 요청 시 권한 메시지가 표시됩니다.
