传感器

in Hybrid API

天猫前端，鬼道

杭JS，2014.06.22

鬼道-徐凯

2013.04 天猫，前端通用组 Leader
2011.04 百度，移动推广
2009.10 实习，爱立信/SAP/百度
2008.09 同济，硕士，模式识别
2004.09 山大，本科，应用数学

《跨终端 Web》

第 8 章 “Hybrid App”

《跨终端 Web》

传感器分类

动作
环境
音频
视频

动作

陀螺仪
加速计
距离传感器

陀螺 - 二维

回转效应：陀螺环绕着固定的转轴不停地旋转

陀螺 - 三维

案例：竖蛋

代码

W3C Orientation API

来源：W3C Orientation API

案例：水平仪

案例：iOS桌面

加速计

别称：重力感应

acceleration
or
accelerationIncludingGravity

代码

来源： Android Motion Sensors

案例：摇一摇

案例：小猫快跑

摇晃强度
Phonegap 插件

2014 天猫技术部年会

案例：网球

距离传感器

案例：锁屏

环境

GPS
磁力计
光线传感器
气压传感器
气温传感器
湿度传感器

案例：指南针

案例：导航

传感器组合：
GPS + 磁力计

案例：智能感光

CSS light-level

来源：CSS Media Queries Level 4: light-level

其他

气压传感器 - 海拔
温度
湿度

音频

麦克风
扬声器

案例：呐喊

案例：咻一咻

案例：吹

案例：语音识别

视频

摄像头
显示器

案例：试衣间

案例：试戴

试戴（线上）

案例：肤色识别

Demo

虚拟现实（VR）

增强现实（AR）

iOS 兼容性

Hybrid API

目标

一份代码运行在：天猫/淘宝/xx客户端 + 独立浏览器
复杂传感器的功能封装

W3C Device API

来源：W3C Device APIs Working Group

Phonegap

来源：Phonegap Doc

Polyfill

来源：Vibration

Hybrid API 实现

来源：Hybrid API

天猫互动游戏

天猫前端长期招聘

luics.xu@gmail.com

《跨终端 Web》