Screen Wake Lock API telah resmi tersedia di semua browser utama—Chrome, Safari, dan Firefox. API ini memungkinkan Anda mengontrol perilaku bangunkan layar perangkat, sehingga memastikan interaksi tanpa gangguan dengan aplikasi web.
Dua kasus penggunaan berikut kini tersedia.
- Presentasi yang lancar: API ini mencegah peredupan layar di aplikasi presentasi berbasis web atau slideshow sehingga presenter kini dapat memberikan pengalaman yang bagus dan profesional.
- Situs resep: API dapat membuat layar tetap aktif, sehingga pengguna tidak perlu khawatir layar akan mati saat tangan mereka penuh dengan adonan saat mengikuti resep memanggang.
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);
Adopsi universal Screen Wake Lock API merupakan langkah maju yang positif bagi komunitas pengembangan web. Dengan aplikasi yang beragam dan dukungan yang luas, Anda dapat menciptakan pengalaman web yang lebih andal dan disempurnakan, yang pada akhirnya menguntungkan pengguna di berbagai browser. Semoga web lebih lancar dan bebas gangguan!