API Screen Wake Lock теперь поддерживается во всех браузерах.

Thomas Steiner

API Screen Wake Lock официально доступен во всех основных браузерах — Chrome, Safari и Firefox. Этот API позволяет вам управлять поведением пробуждения экрана устройства, обеспечивая бесперебойное взаимодействие с веб-приложениями.

Теперь возможны следующие два варианта использования.

• Бесшовные презентации. API предотвращает затемнение экранов в веб-приложениях для презентаций или слайд-шоу, поэтому докладчики теперь могут предоставлять безупречный и профессиональный опыт.
• Сайты рецептов: API может держать экран включенным, поэтому пользователям не нужно беспокоиться о том, что экран выключится, когда их руки полны теста при выполнении рецепта выпечки.

Подробную информацию об использовании API см. в статье Не спите с API блокировки пробуждения экрана . В следующем фрагменте кода показаны наиболее распространенные взаимодействия.

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

Всеобщее внедрение Screen Wake Lock API является позитивным шагом вперед для сообщества веб-разработчиков. Благодаря разнообразным приложениям и широкой поддержке вы можете создавать более надежные и совершенные веб-интерфейсы, что в конечном итоге принесет пользу пользователям в разных браузерах. Желаем более плавного и бесперебойного Интернета!