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 d'allumage de l'écran d'un appareil, assurant ainsi des interactions sans interruption 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 dans les applications de présentation Web ou de diaporama. Les présentateurs peuvent donc désormais offrir une expérience soignée et professionnelle.
- Sites de recettes: l'API peut laisser l'écran allumé. Ainsi, les utilisateurs n'ont pas à craindre que l'écran s'éteigne quand ils ont les mains pleines de pâte lorsqu'ils suivent une recette de pâtisserie.
Pour plus d'informations sur l'utilisation de l'API, consultez la page Rester 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 un pas en avant pour la communauté des développeurs Web. Grâce à ses diverses applications et à sa compatibilité étendue, vous pouvez créer des expériences Web plus fiables et soignées, offrant ainsi aux utilisateurs de nombreux navigateurs. Tous nos vœux de réussite pour un Web plus fluide et sans interruption !