Data di pubblicazione: 14 maggio 2024
L'API Screen Wake Lock è stata ufficialmente implementata in tutti i principali browser, ovvero Chrome, Safari e Firefox. Questa API ti consente di controllare il comportamento di attivazione dello schermo di un dispositivo, garantendo interazioni ininterrotte con le applicazioni web.
Ora sono possibili i seguenti due casi d'uso.
- Presentazioni senza interruzioni: l'API impedisce lo spegnimento delle schermate nelle app di presentazione o di diapositive basate sul web, pertanto i presentatori ora possono offrire un'esperienza professionale e raffinata.
- Siti di ricette: l'API può mantenere lo schermo acceso, quindi gli utenti non devono preoccuparsi che lo schermo si spenga mentre hanno le mani sporche di pasta quando seguono una ricetta di cucina.
Per informazioni dettagliate sull'utilizzo dell'API, consulta Mantenere attivo lo schermo 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 comunità di sviluppo web. Grazie alle sue diverse applicazioni e al suo supporto diffuso, puoi creare esperienze web più affidabili e raffinate, a beneficio degli utenti su diversi browser. Ti auguriamo un web più fluido e senza interruzioni.