A API Screen Wake Lock chegou oficialmente aos principais navegadores: Chrome, Safari e Firefox. Essa API permite controlar o comportamento de despertar a tela de um dispositivo, garantindo interações ininterruptas com aplicativos da Web.
Os dois casos de uso a seguir são possíveis.
- Apresentações perfeitas: a API impede o escurecimento das telas em apps de apresentações ou apresentações baseados na Web, para que os apresentadores possam proporcionar uma experiência polida e profissional.
- Sites de receitas: a API pode manter a tela ativada para que os usuários não precisem se preocupar com a tela desligada enquanto as mãos estão cheias de massa ao seguir uma receita de pão.
Para mais detalhes sobre o uso da API, consulte Manter ativado o app 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 aplicativos diversos e suporte generalizado, você pode criar experiências da Web mais confiáveis e polidas, beneficiando usuários em diferentes navegadores. Um brinde a uma Web mais suave e sem interrupções!