用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方法就可以播放多媒体。

猜你喜欢

转载自marcofly.iteye.com/blog/1910009