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

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!