La API de Screen Wake Lock está disponible oficialmente en todos los navegadores principales: Chrome, Safari y Firefox. Esta API te permite controlar el comportamiento de activación de pantalla de un dispositivo, lo que garantiza interacciones sin interrupciones con aplicaciones web.
Ahora son posibles los dos casos de uso siguientes.
- Presentaciones fluidas: La API evita que las pantallas se atenúen en las apps de presentación o presentación de diapositivas basadas en la Web, por lo que los presentadores ahora pueden ofrecer una experiencia mejorada y profesional.
- Sitios de recetas: La API puede mantener la pantalla encendida, por lo que los usuarios no tienen que preocuparse de que se apague cuando sus manos están llenas de masa mientras siguen una receta de cocción.
Para obtener más información sobre el uso de la API, consulta Cómo mantenerse activo con la API de Screen Wake Lock API. 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 su amplia compatibilidad, puedes crear experiencias web más confiables y prolijas, lo que, en última instancia, beneficia a los usuarios de diferentes navegadores. Felicitaciones por una Web más fluida y sin interrupciones.