原文:html实现摇一摇并震动

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

2015-10-12 10:32 5 1659 推荐指数:

查看详情

HTML5实现一摇

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

Tue Jul 28 19:06:00 CST 2015 7 9795
HTML5实现一摇的功能(实测后)--转

eviceMotionEvent(设备运动事件)返回设备有关于加速度和旋转的相关信息。加速度的数据将包含三个轴:x,y和z(示意如下图所 示,x轴横向贯穿手机屏幕或者笔记本键盘,y轴纵向贯穿手机屏幕或 ...

Mon Jun 01 23:42:00 CST 2015 0 2952
html5实现web app一摇换歌

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

Mon Jan 19 01:01:00 CST 2015 2 2020
【WP开发】实现一摇”功能

尽管我的微信是每八个月登录一次,但我相信各位玩得比我多。微信有一个“一摇”功能,这个功能其实是利用了加速度传感器来实现的,这个传感器,我估计再低端的手机都会有的,这是严重基本的传感器。 重力加速度既可以用于判断手机当前所放置的方向,也可以用来检测运动方向,当用户甩手机时就会产生运动加速度 ...

Tue Oct 07 19:13:00 CST 2014 10 2598
android 实现一摇功能

实现一摇”功能,其实很简单,就是检测手机的重力感应,具体实现代码如下: 一、在 AndroidManifest.xml 中添加操作权限 二、实现代码 ...

Tue May 31 00:49:00 CST 2016 1 9887
 
粤ICP备18138465号  © 2018-2026 CODEPRJ.COM