一、原理： 利用devicemotion获取移动速度，得到device移动时相对之前某个时间的差值比 二、效果图： 三、源码： //先判断设备是否支持HTML5摇一摇功能 if (window.DeviceMotionEvent) { //获取 ...

DeviceMotionEven是html5提供的一个用来获取设备物理方向及运动的信息(比如陀螺仪、罗盘及加速计)的Dom事件，事件描述如下： deviceorientation：提供设备的物理方向信息，表示为一系列本地坐标系的旋角。 devicemotion：提供设备的加速信息，表示 ...

移动端摇一摇与重力感应事件 　　通过html5重要特性DeviceOrientation与devicemotion实现移动端摇一摇与重力感应事件。 一.DeviceMotion 　　DeviceMotion:deviceMotion封装了运动传感器数据的事件，可以获取手机运动状态下的运动 ...

以帮助我们在网页上就实现“摇一摇”的交互效果。 运动事件监听 获取加速度信息 “摇一 ...

eviceMotionEvent（设备运动事件）返回设备有关于加速度和旋转的相关信息。加速度的数据将包含三个轴：x，y和z（示意如下图所 示，x轴横向贯穿手机屏幕或者笔记本键盘，y轴纵向贯穿手机屏幕或笔记本键盘，z轴垂直于手机屏幕或笔记本键盘）。因为有些设备可能没有硬件来排除重力的 影响，该事 ...

微信可以摇歌曲，根据声音识别出歌曲，然后返回歌曲信息，利用html5的deviceOrientation特性和deviceMotion事件也可以在web app上实现类似于微信摇一摇的功能，原生的app实现也有相关接口，这里只考虑web app的情况...... Section ...

　　今天收到了领导的通知，要APP和触屏完成摇一摇的功能，本来通过IOS调用原生还是蛮方便的，但想如果采用web前端的方式应该是实现不了的，马上就开始推脱了。可惜领导告知微信京东购物，不仅仅有摇一摇还有震动的功能，顿时就打脸了，下来后立即谷歌，查找代码写出demo，哈哈。 　　通过查找资料发现 ...

Adobe Edge Animate --使用HTML5实现手机摇一摇功能 版权声明: 本文版权属于 北京联友天下科技发展有限公司。 转载的时候请注明版权和原文地址。 HTML5的发展日新月异，其功能也越来越丰富和完善，比如12年HTML5可支持手机摇一摇功能，本文末尾将附上有关技术问题 ...