用phonegap实现摇一摇
最近公司要用phonegap做移动应用,决定先拿公司的IM软件开刀,实现一个移动版的IM。里面有个功能需要用到类似“摇一摇”,于是开始在网上找现成的代码实现;发现《深入浅出phonegap》这书里有这个例子,但就是找不到该书的电子版下载,于是决定照这ios或android的例子做。先贴代码:
var watchID; //等设备准备完毕后,按250ms的间隔,定期返回加速度值 function onDeviceReady() { var options = { frequency: 350 }; //onWatchSuccess和onWatchError是获取加速信息成功或失败的回调函数 watchID = navigator.accelerometer.watchAcceleration(onWatchSuccess,onWatchError,options); } //acceleration是加速对对象,包含设备在x,y,z轴上的加速度信息 function onWatchSuccess(acceleration){ //判断x,y,z任意方向上的加速超过13即为摇动,超过4次就播放摇一摇的声音 if(Math.abs(acceleration.x)>13 || Math.abs(acceleration.y)>13 ||Math.abs(acceleration.z)>13){ shakeCount++; if(shakeCount > 4){ clearTimeout(timeoutFlag); shakeCount=0; myMedia.play(); }else{ //如果超时4秒没有摇动,重新开始计算次数 if(timeoutFlag) clearTimeout(timeoutFlag); timeoutFlag=setTimeout(function(){shakeCount=0},4000); } } }
要注意的是,phonegap中的加速信息中Z方向是包含地球的重力加速度,即将设备朝天平放,z的值就有9.8;
摇动手机的时候,如果一会往左,一会往右的移动手机,手机在这个方向上就会产生加速度,如果超过加速度阀值(此时是13),就可以判断为摇动。
改变options中的frequency就可以改变监测频率。
myMedia是phonegap提供Media对象new Media(src, mediaSuccess, [mediaError], [mediaStatus]);,play方法就可以播放多媒体。
相关推荐
quzishen 2013-07-17
故作坚强 2013-07-15
爱技术爱生活TAO 2013-07-06
临碣秘藏 2013-07-10
czpaex 2011-09-11
益之 2014-01-09
yxwang0 2014-01-09
朱莉的乔夫 2014-09-05
朱莉的乔夫 2015-03-26
朱莉的乔夫 2015-03-13
益之 2015-04-21
临碣秘藏 2015-05-12
quzishen 2016-01-20
爱技术爱生活TAO 2016-01-07
tenda 2012-09-08
临碣秘藏 2012-05-30
老菜鸟自习室 2012-04-07