これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

DeviceLightEvent は、デバイス付近の環境光のレベルについての情報を、写真センサーやそれと類似した検知機を通してウェブ開発者に提供します。たとえば、このイベントは、エネルギーを節約したり、より良い視認性を提供したりするために、現在の環境光のレベルに応じてスクリーンの明るさを調節するのに役立ちます。

プロパティ

DeviceLightEvent.value
ルクス で表した環境光のレベル

window.addEventListener('devicelight', function(event) {
  console.log(event.value);
});

仕様

仕様 策定状況 コメント
Ambient Light Sensor
Ambient Light Events の定義
草案 初回定義

ブラウザー実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 未サポート (有) 22.0 (22.0)[1][2] 未サポート 未サポート 未サポート
機能 Android Webview Android 版 Chrome Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 未サポート 未サポート (有) 15.0 (15.0)[1][2] 未サポート 未サポート 未サポート

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

[2] このイベントは Firefox 60 で、設定項目 device.sensors.ambientLight.enabled によりデフォルトで無効になりました (バグ 1359076)。

関連項目

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

このページの貢献者: yyss, dskmori, YuichiNukiyama, fscholz
最終更新者: yyss,