mozilla
검색 결과

    Using Light Events

    This is an experimental technology
    Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.

    요약

    주변의 빛을 감지하는 이벤트를 활용해서 웹페이지나 어플리케이션이 주변 빛의 세기를 감지할 수 있습니다. 사용자 인터페이스의 색상 대비나 사진의 노출을 변경하는 용도로 사용할 수 있습니다.

    빛 이벤트

    기기의 빛 센서가 빛의 변화를 감지하면 브라우저에 변화를 전달합니다. 브라우저가 이러한 알림을 받으면 정확한 빛의 세기를 알려주는 DeviceLightEvent 이벤트를 발생시킵니다.

    이 이벤트는 addEventListener 메서드 (devicelight 이벤트 이름 사용)를 사용하거나 window.ondevicelight 속성에 이벤트 핸들러를 사용함으로서 window 객체 수준에서 캡춰됩니다.

    캡춰가 되면 이벤트 객체의 DeviceLightEvent.value 속성을 통해서 럭스(lux) 단위의 빛의 세기를 사용할 수 있습니다.

    예제

    window.addEventListener('devicelight', function(event) {
      var html = document.getElementsByTagName('html')[0];
    
      if (event.value < 50) {
        html.classList.add('darklight');
        html.classList.remove('brightlight');
      } else {
        html.classList.add('brightlight');
        html.classList.remove('darklight');
      }
    });

    표준

    Specification Status Comment
    Ambient Light Events
    The definition of 'Ambient Light Events' in that specification.
    Candidate Recommendation Initial specification

    브라우저 호환성

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    DeviceLightEvent Not supported 22.0 (22.0) (Mac OS X only) Not supported Not supported Not supported
    Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    DeviceLightEvent Not supported Not supported 15.0 (15.0) Not supported Not supported Not supported

    Gecko 관련 안내

    devicelight 이벤트는 안드로이드용 Firefox Mobile for Android (15.0)와 Firefox OS (B2G)에 구현되었고 기본적으로 사용할 수 있게 설정되어 있습니다. Gecko 22.0 (Firefox 22.0 / Thunderbird 22.0 / SeaMonkey 2.19) Mac OS X 데스크탑에서도 사용할 수 있게 먼저 구현되었습니다. Windows 7 지원은 진행중입니다(bug 754199 참고).

    참고 자료

    문서 태그 및 공헌자

    Contributors to this page: hyeonseok
    최종 변경: hyeonseok,