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

Data publikacji: 14 maja 2024 r.

Interfejs API Wake Lock jest oficjalnie dostępny we wszystkich głównych przeglądarkach: Chrome, Safari i Firefox. Ten interfejs API umożliwia kontrolowanie zachowania ekranu podczas jego włączania, co zapewnia niezakłóconą interakcję z aplikacjami internetowymi.

Teraz możliwe są 2 takie przypadki użycia:

  • Bezproblemowe prezentacje: interfejs API zapobiega przyciemnianiu ekranów w aplikacji do prezentacji internetowej lub pokazu slajdów, dzięki czemu prezenterzy mogą zapewnić płynne i profesjonalne wrażenia.
  • Strony z przepisami: interfejs API może utrzymać ekran włączony, dzięki czemu użytkownicy nie muszą się martwić, że ekran wyłączy się, gdy mają ręce pełne ciasta podczas przygotowywania wypieku.

Szczegółowe informacje o używaniu interfejsu API znajdziesz w artykule Utrzymywanie aktywności użytkownika za pomocą interfejsu Screen Wake Lock API. Ten fragment kodu pokazuje najczęściej używane 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);

Upowszechnienie interfejsu Screen Wake Lock API to pozytywny krok naprzód dla społeczności programistów. Dzięki różnorodnym zastosowaniom i szerokiemu wsparciu możesz tworzyć bardziej niezawodne i dopracowane strony internetowe, co w efekcie przyniesie korzyści użytkownikom w różnych przeglądarkach. Życzymy Ci płynnego korzystania z internetu bez przerw.