传感器
in Hybrid API
天猫前端,鬼道
杭JS,2014.06.22
鬼道-徐凯
2013.04
天猫,前端通用组 Leader
2011.04
百度,移动推广
2009.10
实习,爱立信/SAP/百度
2008.09
同济,硕士,模式识别
2004.09
山大,本科,应用数学
鬼道-徐凯
luics
luicsxu
《 跨终端 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)
2014.3.15 沉浸式技术联盟(ITA)
2014.3.26 Facebook 20亿美元收购 Oculus
增强现实(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
鬼道-徐凯
luics
luicsxu
《跨终端 Web》
@鬼道-徐凯