`
marcofly
  • 浏览: 8660 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

用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方法就可以播放多媒体。
分享到:
评论

相关推荐

    phonegap实现摇一摇打电话

    在这个特定的场景中,我们要探讨的是如何在PhoneGap 3.0版本上实现“摇一摇”功能来拨打电话。 首先,我们要理解PhoneGap的核心原理:通过WebView将Web应用包装成原生的移动应用,利用JavaScript接口调用设备的API...

    phonegap开发插件合集

    8. **摇一摇插件**:监听设备的摇动事件,可以用于游戏或创意互动功能。 9. **通知栏插件**:在设备的通知中心显示自定义通知,提醒用户有新的活动或消息。 10. **分享插件**:将内容分享到社交媒体或其他应用,...

    phonegap-build-maven-plugin-0.0.5.zip

    PhoneGap Build Maven Plugin 和 Stencil Core 都是开源的,这意味着开发者不仅可以免费使用,还可以查看源代码,了解其实现原理,甚至参与项目的改进和扩展。这种开放的环境有助于社区的成长,推动技术的进步,并为...

    FodaShake:Phonegap Foda-Shake

    总的来说,FodaShake项目利用了PhoneGap的跨平台特性,通过HTML5、CSS3和JavaScript实现了移动应用的开发,其中可能包含一个"福达摇"的功能,该功能利用了Device Motion API监听并响应用户的手机摇晃动作。...

    HTML5plus教程.docx

    HTML5 Plus 包含一系列扩展API,如二维码扫描、摇一摇事件、语音识别、地图集成、支付接口、分享功能、文件系统操作、以及通讯录访问等,这些使得开发者能够构建跨平台的应用程序而无需深入学习原生平台的开发技术。...

Global site tag (gtag.js) - Google Analytics