Screen Wake Lock API kini didukung di semua browser

Thomas Steiner

Screen Wake Lock API telah resmi tersedia di semua browser utama—Chrome, Safari, dan Firefox. API ini memungkinkan Anda mengontrol perilaku bangunkan layar perangkat, memastikan interaksi tanpa gangguan dengan aplikasi web.

Dua kasus penggunaan berikut kini dapat dilakukan.

• Presentasi yang lancar: API mencegah layar meredup di aplikasi berbasis web presentasi atau aplikasi {i>slideshow<i}, sehingga penyaji sekarang dapat menyampaikan pengalaman profesional.
• Situs resep: API dapat membuat layar tetap aktif, sehingga pengguna tidak perlu khawatir tentang layar yang mati ketika tangan mereka penuh dengan adonan ketika mengikuti resep kue.

Untuk detail selengkapnya tentang penggunaan API, lihat Tetap terjaga dengan Screen Wake Lock API. Cuplikan kode berikut menunjukkan interaksi yang paling umum.

// 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);

Pengadopsian universal Screen Wake Lock API merupakan langkah maju yang positif bagi komunitas pengembangan web. Dengan penerapannya yang beragam dan dukungan luas, Anda dapat menciptakan pengalaman web yang lebih andal dan dipoles, yang pada akhirnya menguntungkan pengguna di browser yang berbeda. Selamat untuk web yang lebih lancar dan bebas gangguan!