A API Screen Wake Lock agora é compatível com todos os navegadores

Thomas Steiner

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!