Interfejs Screen Wake Lock API jest teraz obsługiwany we wszystkich przeglądarkach

Interfejs Screen Wake Lock API jest już oficjalnie dostępny we wszystkich popularnych przeglądarkach – Chrome, Safari i Firefox. Ten interfejs API umożliwia kontrolowanie zapewnienie ciągłości interakcji z aplikacjami internetowymi.

Obsługa przeglądarek

  • Chrome: 84.
  • Edge: 84.
  • Firefox: 126.
  • Safari: 16.4

Źródło

Obecnie możliwe są te 2 przypadki użycia.

  • Sprawne prezentacje: interfejs API zapobiega przyciemnianiu ekranów w witrynach. aplikacji do prezentacji lub pokazów slajdów, dzięki czemu prowadzący mogą doświadczenie zawodowe.
  • Witryny z przepisami: interfejs API może podtrzymywać ekran, więc użytkownicy nie muszą się o nic martwić. o tym, że ekran wyłącza się, gdy ich ręce są zasypane ciastem, według przepisu na wypieki.
.

Więcej informacji o korzystaniu z interfejsu API znajdziesz w Nie usypiaj dzięki interfejsowi Screen Wake Lock API Fragment kodu poniżej pokazuje najczęstsze interakcje.

// 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);

Wdrożenie uniwersalnego interfejsu Screen Wake Lock API to korzystny krok naprzód społeczności programistów. Dzięki zróżnicowanym zastosowaniom i powszechnemu wsparciu pozwala tworzyć bardziej niezawodne i dopracowane strony internetowe, użytkownicy korzystający z różnych przeglądarek. Wszystkiego dobrego!