Die Screen Wake Lock API wird jetzt in allen Browsern unterstützt.

Thomas Steiner

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, um unterbrechungsfreie Interaktionen mit Webanwendungen zu gewährleisten.

Die folgenden beiden Anwendungsfälle sind jetzt möglich.

• Nahtlose Präsentationen: Bei webbasierten Anwendungen verhindert das API, dass der Bildschirm abgedunkelt wird. Präsentations- oder Bildschirmpräsentations-Apps. So können Vortragende nun ein ausgefeiltes und Berufserfahrung.
• Rezeptwebsites: Die API kann den Bildschirm eingeschaltet lassen, sodass sich die Nutzer nicht darum kümmern müssen. dass der Bildschirm sich ausschaltet, wenn die Hände voll mit Teig sind, Backrezept folgen.

Weitere Informationen zur Verwendung der API finden Sie in Bleiben Sie mit der Screen Wake Lock API aktiv. Das folgende Code-Snippet zeigt 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 nach vorne für die Web-Entwicklungs-Community. Dank der vielfältigen Anwendung und vielen Unterstützung können Sie zuverlässigere und ausgefeiltere Web-Erlebnisse schaffen, in verschiedenen Browsern angezeigt. Auf ein flüssiges und störungsfreies Web!