用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