이제 모든 브라우저에서 Screen Wake Lock API가 지원됩니다.

Thomas Steiner

Screen Wake Lock API는 Chrome, Safari, Firefox 등 모든 주요 브라우저에 공식적으로 출시되었습니다. 이 API를 사용하면 기기의 화면 깨우기 동작을 제어하여 웹 애플리케이션과의 중단 없는 상호작용을 보장할 수 있습니다.

브라우저 지원

84
84
126
16.4

소스

이제 다음 두 가지 사용 사례가 가능합니다.

원활한 프레젠테이션: 이 API는 웹 기반 프레젠테이션이나 슬라이드쇼 앱에서 화면이 어두워지는 것을 방지하므로 발표자는 이제 세련되고 전문적인 환경을 제공할 수 있습니다.
레시피 사이트: API는 화면을 켜진 상태로 유지할 수 있으므로 사용자는 베이킹 레시피를 따라 할 때 손에 반죽이 가득 차 있을 때 화면이 꺼지는 것을 걱정할 필요가 없습니다.

API 사용에 관한 자세한 내용은 화면 Wake Lock 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의 보편적 채택은 웹 개발 커뮤니티에 긍정적인 진전입니다. 다양한 애플리케이션과 광범위한 지원을 통해 더 안정적이고 세련된 웹 환경을 만들 수 있으며 궁극적으로 여러 브라우저에서 사용자에게 혜택을 제공할 수 있습니다. 더 매끄럽고 끊김 없는 웹을 만듭니다.