HTML5光線傳感器簡介

        HTML5環境傳感器由Sensor API描述和定義，包含了6種常見的傳感器類型：

        它們分別代表溫度（攝氏度）、氣壓（千帕）、溼度（百分比）、光線（lux ，勒克司）、聲音（分貝）、臨近（釐米）。
        HTML5傳感器目前討論的比較多的是DeviceOrientationEvent運動傳感器和方向傳感器，而Sensor API的詳細內容在國內很少有相關的文章提及。下面我對其中的光線傳感器進行一個簡單介紹，讓大家先窺HTML5 Sensor API的一貌。
        光線傳感器規範還是內部討論的W3C工作草案，定義了通過了光線傳感器測量周圍光線水平的方式，包括2個接口，LightLevelEvent提供了簡單的光線級別分類，而DeviceLightEvent接口以光照度lux爲單位，描述了環境光線的詳細信息。

 

不同的光照度

        一、DeviceLightEvent接口
        DeviceLightEvent提供了環境光線的精確值，結果以lux（勒克司，爲距離一個光強爲1cd的光源，在1米處接受的照明強度）爲單位。
        它包含一個屬性和一個事件：

•         屬性value - 返回當前環境光線的強度值。
•         事件ondevicelight - 如果光線變化，會觸發此事件。

需要注意的是由於檢測方法、傳感器結構的不同，不同的設備在同一環境下的返回值可能有所差異。
二、LightLevelEvent接口
        LightLevelEvent接口提供周圍環境的光線水平分級，主要包括三個範圍的內容：dim-昏暗，normal-正常和bright明亮。其實它相當於一個簡單的判斷，讓開發者可以很方便的區分這三種常見的光線狀態。
        它也包含一個屬性和一個事件：

•         屬性value-返回當前環境光線的強度水平，dim、normal或者bright。
•         事件onlightlevel -如果光線水平變化，會觸發此事件。

        如何區分昏暗、正常和明亮的光線水平呢？規範定義昏暗是指光照度小於50 lux的環境，正常代表50到10000 lux之間，而明亮則是大於10000 lux。

        考慮一下，利用光照傳感器Web App可以實現的有趣功能包括哪些？例如在頁遊裏可以根據光照度自動變換場景模式、閱讀App可以根據光照度自動變換背景色，進入白天或者夜晚模式…可以預見，在不久的將來，利用這些奇妙的傳感器屬性，Web App的開發者又將實現更多好玩的創意，讓我們的生活更加便利和有趣。

植物大戰殭屍的夜間模式

        請注意，Sensor API和DeviceLightEvent定義了瀏覽器的實現形式和開發者的調用形式，但是它們目前僅僅是工作組草案，未來形式和定義有可能隨時發生變化。

        相關文章：《對HTML5 Device API相關規範的解惑》
        《用HTML5實現手機搖一搖的功能》
        《百度開發者大會：用HTML5新特性開發移動App》
        原創文章，轉載請標明出處：蔣宇捷的專欄（http://blog.csdn.net/hfahe）