1 Star 0 Fork 0

鸿基梦 / sharkItOff

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

#sharkItOff

移动端的摇一摇功能

本项目需要在手机上测试

在项目中我们经常看到摇一摇功能,今天刚好用到

做了一个总结:使用howler.js音频处理

可以访问:http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library了解更多

“摇一摇”的动作即“一定时间内设备移动了一定的距离”,

因此通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,即可进行设备是否有进行晃动的判断。

而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。

摇一摇使用到的API(希望可以研究一下)(HTML5新特性移动设备的API)

deviceOrientation:

封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等

deviceMotion:

封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据,

使用它我们能够很容易的实现重力感应、指南针等有趣的功能,在手机上将非常有用.

DeviceMotionEvent:

(设备运动事件)返回设备有关于加速度和旋转的相关信息,加速度的数据将包含三个轴:x,y和z

(x轴横向贯穿手机屏幕或者笔记本键盘,y轴纵向贯穿手机屏幕或笔记本键盘,z轴垂直于手机屏幕或笔记本键盘)

因为有些设备可能没有硬件来排除重力的影响,该事件会返回两个属性,

accelerationIncludingGravity:

(含重力的加速度)和acceleration(加速度),后者排除了重力的影响

注意:更多请参考项目中的注释很清晰的奥(js/shake.js)

空文件

简介

移动端的摇一摇功能 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/hjm100/sharkItOff.git
git@gitee.com:hjm100/sharkItOff.git
hjm100
sharkItOff
sharkItOff
master

搜索帮助