L'API Screen Wake Lock è disponibile ufficialmente in tutti i principali browser: Chrome, Safari e Firefox. Questa API consente di controllare il comportamento di attivazione dello schermo di un dispositivo, garantendo interazioni senza interruzioni con le applicazioni web.
Ora sono possibili i due casi d'uso seguenti.
- Presentazioni senza interruzioni: l'API impedisce l'oscuramento dello schermo nelle app di presentazione o di presentazione basate sul web; in questo modo, i presentatori possono offrire un'esperienza elegante e professionale.
- Siti di ricette: l'API può mantenere lo schermo attivo, in modo che gli utenti non debbano preoccuparsi che lo schermo si spegna mentre le mani sono piene di impasto quando seguino una ricetta di cottura.
Per informazioni dettagliate sull'uso dell'API, consulta Rimani sveglio con l'API Screen Wake Lock. Il seguente snippet di codice mostra le interazioni più comuni.
// 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'adozione universale dell'API Screen Wake Lock è un passo avanti positivo per la community di sviluppo web. Con le sue varie applicazioni e il supporto diffuso, puoi creare esperienze web più affidabili ed eleganti, a beneficio degli utenti di browser diversi. Applauso per un web più fluido e senza interruzioni.