Publicado em 14 de maio de 2024
A API Screen Wake Lock foi lançada oficialmente em todos os principais navegadores: Chrome, Safari e Firefox. Essa API permite controlar o comportamento de ativação da tela de um dispositivo, garantindo interações ininterruptas com aplicativos da Web.
Agora é possível usar os dois casos de uso a seguir.
- Apresentações perfeitas: a API evita que as telas escureçam em apps de apresentação ou apresentação de slides baseada na Web. Assim, os apresentadores podem oferecer uma experiência profissional e refinada.
- Sites de receitas: a API pode manter a tela ligada, para que os usuários não precisem se preocupar com a tela desligando enquanto as mãos estão cheias de massa ao seguir uma receita de bolo.
Para detalhes completos sobre o uso da API, confira Manter a tela ativa 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 os diversos aplicativos e o amplo suporte, é possível criar experiências da Web mais confiáveis e refinadas, beneficiando os usuários em diferentes navegadores. Que a Web seja mais tranquila e sem interrupções!