Dipublikasikan: 14 Mei 2024
Screen Wake Lock API telah resmi diluncurkan di semua browser utama—Chrome, Safari, dan Firefox. API ini memungkinkan Anda mengontrol perilaku layar perangkat yang aktif, sehingga memastikan interaksi yang tidak terganggu dengan aplikasi web.
Dua kasus penggunaan berikut kini dapat dilakukan.
- Presentasi yang lancar: API mencegah layar meredup di aplikasi presentasi atau slide berbasis web, sehingga presenter kini dapat memberikan pengalaman yang rapi 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 kue.
Untuk mengetahui detail selengkapnya tentang penggunaan API, lihat Tetap aktif 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 adalah langkah positif bagi komunitas pengembangan web. Dengan beragam aplikasi dan dukungan yang luas, Anda dapat menciptakan pengalaman web yang lebih andal dan rapi, yang pada akhirnya akan menguntungkan pengguna di berbagai browser. Selamat menikmati web yang lebih lancar dan bebas gangguan.