HTML5光线传感器简介

HTML5环境传感器由[Sensor API](https://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html)描述和定义包括六种常见的传感器类型：


它们分别代表温度（摄氏度）、气压（千帕）、湿度（百分比）(lux ，声音(分贝)(分贝)，接近(厘米)。

HTML目前5传感器讨论的比较多DeviceOrientationEvent运动传感器和方向传感器Sensor API国内相关文章很少提到细节。下面我简单介绍一下光传感器，让大家先窥视一下HTML5 Sensor API的一貌。

[光传感器规范](#)或内部讨论W3C工作草案定义了通过光传感器测量周围光线水平的方法，包括两个接口，LightLevelEvent提供简单的光级分类，而DeviceLightEvent接口以[光照度lux](http://baike.baidu.com/view/855640.htm)描述了环境光的详细信息。


光照不同

**一、DeviceLightEvent接口**

DeviceLightEvent为环境光的准确性提供了结果lux(勒克司，距离光强为1cd1米处接受的光源为单位。

它包含属性和事件：

- 属性value - 返回当前环境光的强度值。

- 事件ondevicelight - 如果光线发生变化，事件就会触发。

需要注意的是，由于检测方法和传感器结构的不同，同一环境下不同设备的返回值可能会有所不同。

**二、LightLevelEvent接口**

LightLevelEvent界面提供周围环境的光水平分级，主要包括三个范围：dim-昏暗，normal-正常和bright明亮。事实上，于一个简单的判断，让开发者很容易区分这三种常见的光状态。

它还包含属性和事件：

- 属性value-回到当前环境光的强度水平，dim、normal或者bright。

- 事件onlightlevel -如果光线水平发生变化，事件就会触发。

如何区分昏暗、正常和明亮的光线水平？昏暗的标准定义是指光照小于50 lux正常情况下，环境代表50-1万 lux亮度大于1万 lux。

考虑使用光传感器Web App有什么有趣的功能可以实现？例如，在页面游戏中，场景模式可以根据光照自动改变，阅读App背景色可以根据光照自动改变，进入白天或晚上的模式…在不久的将来，利用这些奇妙的传感器属性，Web App的开发者又将实现更多好玩的创意，让我们的生活更加便利和有趣。


植物大战僵尸的夜间模式

请注意，Sensor API和DeviceLightEvent它定义了浏览器的实现形式和开发者的调用形式，但它们目前只是工作组草案，未来的形式和定义可能会随时改变。

相关文章：[对HTML5 Device API解惑相关规范](http://blog.csdn.net/hfahe/article/details/7338032)》

《[用HTML5实现手机摇动功能](http://blog.csdn.net/hfahe/article/details/7516317)》

[百度开发者大会：使用HTML开发移动的新特性App](http://blog.csdn.net/hfahe/article/details/7388938)》

请注明原创文章的来源：[蒋宇捷专栏](http://blog.csdn.net/hfahe)(http://blog.csdn.net/hfahe)