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.
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!