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 la pantalla de un dispositivo, lo que garantiza interacciones ininterrumpidas con las aplicaciones web.
Los siguientes dos casos de uso ahora son posibles.
- Presentaciones fluidas: La API evita que se atenúen las pantallas en los entornos basados en la Web. y presentaciones de diapositivas, de modo que ahora los presentadores experiencia profesional.
- Sitios de recetas: La API puede mantener la pantalla encendida para que los usuarios no se preocupen. sobre que la pantalla se apaga mientras tienen las manos llenas de masa seguir una receta de repostería.
Para obtener información detallada 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 avance positivo para la de desarrollo web. Con sus diversas aplicaciones y su amplia asistencia, puedes crear experiencias web más confiables y pulidas, lo que en última instancia se beneficia usuarios en distintos navegadores. ¡Salud por una Web más fluida y sin interrupciones!