Fecha de publicación: 14 de mayo de 2024
La API de Screen Wake Lock se lanzó oficialmente en todos los navegadores principales: Chrome, Safari y Firefox. Esta API te permite controlar el comportamiento de activación de la pantalla de un dispositivo, lo que garantiza interacciones sin interrupciones con las aplicaciones web.
Ahora es posible realizar los siguientes dos casos de uso.
- Presentaciones fluidas: La API evita que las pantallas se atenúen en las apps de presentación o diapositivas basadas en la Web, por lo que los presentadores ahora pueden ofrecer una experiencia profesional y refinada.
- Sitios de recetas: La API puede mantener la pantalla encendida, por lo que los usuarios no tienen que preocuparse de que se apague mientras tienen las manos llenas de masa cuando siguen una receta de repostería.
Para obtener todos los detalles sobre el uso de la API, consulta Mantente activo con la API de Screen Wake Lock. En el siguiente fragmento de código, se muestran las interacciones más comunes.
// 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);
La adopción universal de la API de Screen Wake Lock es un paso positivo para la comunidad de desarrollo web. Con sus diversas aplicaciones y compatibilidad generalizada, puedes crear experiencias web más confiables y pulidas, lo que, en última instancia, beneficia a los usuarios en diferentes navegadores. ¡Salud por una Web más fluida y sin interrupciones!