Publié le 14 mai 2024
L'API Screen Wake Lock est officiellement disponible dans tous les principaux navigateurs : Chrome, Safari et Firefox. Cette API vous permet de contrôler le comportement de réveil de l'écran d'un appareil, ce qui garantit des interactions ininterrompues avec les applications Web.
Les deux cas d'utilisation suivants sont désormais possibles.
- Présentations fluides: l'API empêche l'écran de s'assombrir dans les applications de présentation ou de diaporama basées sur le Web. Les présentateurs peuvent ainsi offrir une expérience soignée et professionnelle.
- Sites de recettes: l'API peut maintenir l'écran allumé. Les utilisateurs n'ont donc pas à s'inquiéter de l'extinction de l'écran lorsqu'ils ont les mains pleines de pâte en suivant une recette de pâtisserie.
Pour en savoir plus sur l'utilisation de l'API, consultez la section Rester allumé 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 un progrès positif pour la communauté de développement Web. Grâce à ses diverses applications et à sa large compatibilité, vous pouvez créer des expériences Web plus fiables et plus soignées, qui profitent aux utilisateurs sur différents navigateurs. Vive un Web plus fluide et sans interruption !