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

Thomas Steiner

게시일: 2024년 5월 14일

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

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

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

API 사용에 관한 자세한 내용은 Screen 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의 보편적인 채택은 웹 개발 커뮤니티에 긍정적인 발전입니다. 다양한 애플리케이션과 광범위한 지원을 통해 더 안정적이고 세련된 웹 환경을 만들어 궁극적으로 다양한 브라우저의 사용자에게 도움이 될 수 있습니다. 더 원활하고 방해받지 않는 웹을 즐기세요.