A API Screen Wake Lock já está oficialmente disponível em todos os principais navegadores: Chrome, Safari e Firefox. Essa API permite controlar o comportamento de despertar a tela de um dispositivo, e garantir interações ininterruptas com aplicativos da Web.
Agora, os dois casos de uso a seguir são possíveis.
- Apresentações perfeitas: a API impede o escurecimento das telas em ambientes de apresentação de slides, para que os apresentadores possam fazer uma apresentação e experiência profissional.
- Sites de receitas: a API pode manter a tela acesa para que os usuários não precisem se preocupar sobre a tela apagar enquanto as mãos estão cheias de massa quando seguindo uma receita de panificação.
Para mais detalhes sobre como usar a API, confira Permanecer ativo com a API Screen Wake Lock. O snippet de código a seguir mostra as interações mais comuns.
// 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);
A adoção universal da API Screen Wake Lock é um avanço positivo para a comunidade de desenvolvimento da Web. Com diversas aplicações e amplo suporte, você pode criar experiências mais confiáveis e refinadas na Web, beneficiando, em última análise, usuários em navegadores diferentes. Um brinde a uma Web mais tranquila e sem interrupções!