Screen wake lock
Screen Wake Lock API はデバイスの画面が自動的にオフになることを防止します。レシピ表示やプレゼンテーションなどに使用します。
概要
Screen Wake Lock API はデバイスの画面が自動的にオフになることを防止します。レシピ表示やプレゼンテーションなどに使用します。
対応ブラウザ
デスクトップ
Chrome 84+
Edge 84+
Safari 16.4+
Firefox 126+
モバイル
Chrome Android 84+
Safari iOS 18.4+
Firefox Android 126+
基本構文
JAVASCRIPT
let wakeLock = null;
async function requestWakeLock() {
wakeLock = await navigator.wakeLock.request('screen');
console.log('Wake Lock 有効');
}
async function releaseWakeLock() {
await wakeLock?.release();
console.log('Wake Lock 解除');
} 実務での使いどころ
-
Screen wake lock の活用
Screen Wake Lock API。画面のスリープを防止するAPI。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。