Die Screen Wake Lock API ist offiziell in allen gängigen Browsern verfügbar – Chrome, Safari und Firefox. Mit dieser API können Sie das Display-Aktivierungsverhalten eines Geräts steuern und so für eine unterbrechungsfreie Interaktion mit Webanwendungen sorgen.
Die folgenden beiden Anwendungsfälle sind jetzt möglich.
- Nahtlose Präsentationen: Die API verhindert, dass Bildschirme in webbasierten Präsentations- oder Diashow-Apps gedimmt werden. Vortragende können so eine professionelle und professionelle Präsentation erstellen.
- Rezeptwebsites: Die API kann den Bildschirm eingeschaltet lassen, sodass Nutzer sich keine Sorgen machen müssen, dass sich der Bildschirm abschaltet, während ihre Hände voller Teig sind, wenn sie ein Backrezept befolgen.
Weitere Informationen zur Verwendung der API finden Sie unter Mit der Screen Wake Lock API aktiv bleiben. Im folgenden Code-Snippet sehen Sie die häufigsten Interaktionen.
// 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);
Die universelle Einführung der Screen Wake Lock API ist ein positiver Schritt für die Webentwicklungs-Community. Mit den vielfältigen Anwendungen und der umfassenden Unterstützung können Sie zuverlässigere und ausgefeiltere Weberlebnisse schaffen, von denen letztendlich Nutzer verschiedener Browser profitieren. Ein flüssigeres Web ohne Unterbrechungen!