Veröffentlicht: 14. Mai 2024
Die Screen Wake Lock API wird jetzt offiziell in allen gängigen Browsern unterstützt: Chrome, Safari und Firefox. Mit dieser API können Sie das Verhalten des Displays 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 das Abdunkeln von Bildschirmen in webbasierten Präsentations- oder Diashow-Apps. So können Vortragende jetzt eine ausgefeilte und professionelle Präsentation abhalten.
- Rezeptwebsites: Die API kann den Bildschirm eingeschaltet lassen, sodass sich Nutzer keine Sorgen machen müssen, dass der Bildschirm ausgeschaltet wird, während sie beim Backen ein Rezept befolgen und ihre Hände voller Teig sind.
Ausführliche Informationen zur Verwendung der API finden Sie unter Mit der Screen Wake Lock API den Bildschirm eingeschaltet lassen. Das folgende Code-Snippet zeigt die gängigsten 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. Dank der vielfältigen Anwendungen und der umfassenden Unterstützung können Sie eine zuverlässigere und ausgefeiltere Webnutzung schaffen, von der Nutzer in verschiedenen Browsern profitieren. Auf ein flüssigeres, unterbrechungsfreies Web!