用phonegap兑现摇一摇

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

查看更多 下一篇