L'API Screen Wake Lock est désormais prise en charge dans tous les navigateurs.

Thomas Steiner

L'API Screen Wake Lock est officiellement disponible sur tous les principaux navigateurs : Chrome, Safari et Firefox. Cette API vous permet de contrôler le comportement d'allumage de l'écran d'un appareil, tout en garantissant des interactions ininterrompues avec les applications Web.

Les deux cas d'utilisation suivants sont désormais possibles.

• Présentations fluides: l'API empêche la diminution de la luminosité des écrans des applications Web applications de présentation ou de diaporama. Les présentateurs peuvent désormais expérience professionnelle.
• Sites de recettes: l'API peut garder l'écran allumé pour que les utilisateurs n'aient pas à s'inquiéter à propos de l'écran qui s'éteint alors que leurs mains sont pleines de pâte après une recette de pâtisserie.

Pour en savoir plus sur l'utilisation de l'API, consultez Restez activé avec l'API Screen Wake Lock. L'extrait de code suivant montre les interactions les plus courantes.

// 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);

L'adoption universelle de l'API Screen Wake Lock est une avancée positive pour les de développement Web. Grâce à ses diverses applications et à sa compatibilité étendue, vous pouvez créer des expériences Web plus fiables et plus soignées, bénéficiant au final les utilisateurs sur différents navigateurs. Pour un Web plus fluide et sans interruption !