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

Screen Wake Lock API는 모든 주요 브라우저(Chrome, Safari와 Firefox에서 모두 사용할 수 있습니다. 이 API를 사용하면 기기의 화면 깨우기 동작을 제어할 수 있습니다. 웹 애플리케이션과의 중단 없는 상호작용 보장

브라우저 지원

  • Chrome: 84. <ph type="x-smartling-placeholder">
  • Edge: 84. <ph type="x-smartling-placeholder">
  • Firefox: 126 <ph type="x-smartling-placeholder">
  • Safari 16.4. <ph type="x-smartling-placeholder">

소스

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

  • 원활한 프레젠테이션: 웹 기반 프레젠테이션에서 화면이 어두워지는 것을 방지하는 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의 보편적인 도입은 웹 개발 커뮤니티입니다. Google Cloud는 다양한 애플리케이션과 광범위한 지원을 통해 보다 안정적이고 세련된 웹 환경을 만들 수 있으며, 궁극적으로는 사용자 수를 확인할 수 있습니다. 더 매끄럽고 방해 없는 웹 환경을 응원합니다!