Screen Wake Lock API がすべてのブラウザでサポートされるようになりました

Thomas Steiner

Screen Wake Lock API は、すべての主要なブラウザ（Chrome、 Safari、Firefox を使用してください。この API を使用すると、デバイスの画面の起動動作を制御できます。ウェブアプリケーションとのやり取りが中断されることはありません。

対応ブラウザ

<ph type="x-smartling-placeholder">
<ph type="x-smartling-placeholder">
<ph type="x-smartling-placeholder">
<ph type="x-smartling-placeholder">

ソース

現在、次の 2 つのユースケースが考えられます。

シームレスなプレゼンテーション: この API により、ウェブベースのプレゼンテーションやスライドショー用アプリを備えており、専門的な経験を持つことでした。
レシピサイト: API で画面をオンのままにできるため、ユーザーが心配する必要がなくなります。手が生地でいっぱいになったときに画面がオフになる、レシピに沿って調理します。

で確認できます。

API の使用方法について詳しくは、 Screen Wake Lock API を使用して画面をロックする次のコードスニペットは、最も一般的な操作を示しています。

// The wake lock sentinel.
let wakeLock = null;

// Function that attempts to request a screen wake lock.
const requestWakeLock = async () => {
  try {
    wakeLock = await navigator.wakeLock.request();
    wakeLock.addEventListener('release', () => {
      console.log('Screen Wake Lock released:', wakeLock.released);
    });
    console.log('Screen Wake Lock released:', wakeLock.released);
  } catch (err) {
    console.error(`${err.name}, ${err.message}`);
  }
};

// Request a screen wake lock…
await requestWakeLock();
// …and release it again after 5s.
window.setTimeout(() => {
  wakeLock.release();
  wakeLock = null;
}, 5000);

Screen Wake Lock API の普遍的な採用は、いくつか紹介しますその多様なアプリケーションと広範なサポートにより信頼性が高く洗練されたウェブエクスペリエンスを生み出し、ブラウザをまたいでユーザーを識別できます。よりスムーズで中断のないウェブの実現にご協力をお願いします。