Light Event の使用

by 1 contributor:

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

概要

ambient light event は、光の強さの変化を Web ページやアプリケーションに気づかせるのに便利な手段です。これによりユーザインターフェイスのコントラストを変えたり写真を撮るために必要な露出時間を変えたりするなど、Web ページやアプリケーションが光量の変化に対応できるようになります。

Light Event

デバイスの光センサーが光量の変化を検出すると、それをブラウザに通知します。ブラウザがその通知を受け取ると、正確な光の強度に関する情報を提供する DeviceLightEvent イベントを発生させます。

このイベントは addEventListener メソッド (イベント名 devicelight を使用) を使用するか、イベントハンドラを window.ondevicelight プロパティに接続することにより、window オブジェクトレベルで取得できます。

イベントを取得するとイベントオブジェクトの DeviceLightEvent.value プロパティを通して、ルクスで表した照度にアクセスできます。

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');
  }
});

仕様

仕様書 策定状況 コメント
Ambient Light Events
The definition of 'Ambient Light Events' in that specification.
勧告候補 Initial specification

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
DeviceLightEvent 未サポート 22.0 (22.0) (Mac OS X のみ) 未サポート 未サポート 未サポート
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
DeviceLightEvent 未サポート 未サポート 15.0 (15.0) 未サポート 未サポート 未サポート

Gecko に関する注記

devicelight イベントは、Android 版 Firefox Mobile (15.0) および Firefox OS (B2G) で実装およびデフォルトで有効化設定されています。Gecko 22.0 (Firefox 22.0 / Thunderbird 22.0 / SeaMonkey 2.19) より、Mac OS X 向けのデスクトップ実装も使用できます。Windows 7 のサポートは進行中です (バグ 754199 を参照)。

関連情報

ドキュメントのタグと貢献者

Contributors to this page: yyss
最終更新者: yyss,