Опубликовано: 14 мая 2024 г.
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 является позитивным шагом вперед для сообщества веб-разработчиков. Благодаря разнообразным приложениям и широкой поддержке вы можете создавать более надежные и совершенные веб-интерфейсы, что в конечном итоге принесет пользу пользователям в разных браузерах. Желаем более плавного и бесперебойного Интернета!