HTML5 Device API(1)

education

weber

设备运动接口

小米自带浏览器

UC浏览器

QQ浏览器

兼容情况

getCurrentLocaionwatchPosition

Geolocation API

地理位置接口

网页指南针

度数 = 360 - alpha

重力感应接口

navigator.battery

电池状态接口

- charging,设备是否正在充电- chargingTime,充满电所需时间,以秒为单位- dischargingTime,剩下的电量还能用多久,以秒为单位- level,当前电量,取值范围0-1,1表示满电

- onchargingchange- onchargingtimechange- ondischargingtimechange- onlevelchange

navigator.vibrate(time);

navigator.vibrate([2000,1000,3000]);

兼容性更差

振动接口

最大缺点:失败率高

地理位置接口

重力感应接口

Device Orientation API

兼容情况

iOS

Android

重力感应接口

alpha     180beta       0gamma  0

alpha     0beta       45gamma  0

alpha     0beta       0gamma  0

alpha     0beta       0gamma  45

振动接口

Vibration API

兼容情况

摇一摇: 在一个时间间隔内的变化量(一般保证大于100ms)

设备运动接口

其他接口

网络情况接口媒体捕获接口(相机、音频、视频)本地相册访问接口系统通知接口环境光源接口短信接口通话接口webNFC接口……

重力感应接口

alpha       绕着Z轴转beta         绕着X轴转gamma    绕着Y轴转

getCurrentPosition(onSuccess, onError, options)

地理位置接口

alpha? beta? gamma?

重力感应接口

会有误差:即使放在桌上数组也会发生变化

重力感应球赛车3D壁纸……

重力感应接口

Battery Status API

兼容情况

电池状态接口

H5新特性你的手机支持吗

HTML5  Device  API

老教授

设备运动接口

地理位置接口

options1. `enableHighAccuracy`,是否启用高精度定位,当然,启用之后会延长定位时间,默认为false;2. `timeout`,超时时间,如果在规定的时间内没获取到地理位置,则触发`onError`并带上超时错误码。默认不限时长;3. `maximumAge`,缓存时长,如果为0则不缓存获取到的位置每次都去获取最新,如果大于0则在缓存时间内不会再去进行定位而是返回缓存数据,默认为0。

watchPosition(onSuccess, onError, options)

clearWatch()

导航

地理位置接口

兼容情况

和重力感应接口一套API

设备运动接口

Device Motion API

重播 分享 评论
×
×

iPresst

版本:1.0

Copyright © iPresst.com. All Rights Reserved.

创作者:TAT.Aishen, TAT.CG, TAT.DM, TAT.Jarvis, TAT.Kinvix, TAT.Weber, TAT.Yussica