设备加速传感器(accelerometer) ---- HTML5+
Accelerometer模块管理设备加速度传感器,用于获取设备加速度信息,包括x(屏幕水平方向)、y(垂直屏幕水平方向)、z(垂直屏幕平面方向)三个方向的加速度信息。例如:微信的摇一摇,当你在摇晃手机的时候,上下左右都会产生一个相应的值,当这个值大于某一个值的时候,就可以确定是在摇晃手机了,这时就会做出响应;
首先所有HTML5+对象是放到 plus 里面的;其次是具体对象;accelerometer;然后是具体的方法:getCurrentAcceleration(); 获取当前设备的加速度信息;watchAcceleration(); 监听设备加速度变化信息;clearWatch(); 关闭监听设备加速度信息;
使用场景: 摇一摇,步数统计,报警系统,速度感应系统等
即时获取:当调用这个的时候,这个加速度是多少;
plus.accelerometer.getCurrentAcceleration(function(a){
alert( "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis );
},function(e){
alert( "Acceleration error: " + e.message );
});
监听接口:每隔多长时间去获取下;(有点像JavaScript的定时器,开启定时器每隔多少时间去调用下,然后还可以取消)
看回调:successCB,errorCB,option
var wid = null; //监听返回的是一个ID
wid = plus.accelerometer.watchAcceleration(function(a){
var valStr = "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis;
$("#info").html(valStr);
},function(e){
var valStr = "Acceleration error: " + e.message ;
$("#info").html(valStr);
},{frequency:'1000'});
停止监听:
plus.accelerometer.clearWatch(wid); // 类似于清空定时器需要制定一个播放器
获取示例:
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">设备加速传感器</h1>
</header>
<div class="mui-content mui-content-padded">
<button type="button" id="btnGetAcc" class="mui-btn mui-btn-blue mui-btn-block">获取</button>
<button type="button" id="btnWatchAcc" class="mui-btn mui-btn-blue mui-btn-block">监听</button>
<button type="button" id="btnClearAcc" class="mui-btn mui-btn-blue mui-btn-block">停止监听</button>
<p id="info"></p>
</div>
<script src='http://libs.baidu.com/jquery/1.8.3/jquery.min.js'></script>
<script type="text/javascript" src="js/mui.js"></script>
<script type="text/javascript">
mui.plusReady(function(){
$("#btnGetAcc").bind('tap',function(){getAcc();});
$("#btnWatchAcc").bind('tap',function(){watchAcc();});
$("#btnClearAcc").bind('tap',function(){clearWatch();});
function getAcc(){
plus.accelerometer.getCurrentAcceleration(function(a){
alert( "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis );
},function(e){
alert( "Acceleration error: " + e.message );
});
};
var wid = null;
function watchAcc(){
wid = plus.accelerometer.watchAcceleration(function(a){
var valStr = "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis;
$("#info").html(valStr);
},function(e){
var valStr = "Acceleration error: " + e.message ;
$("#info").html(valStr);
},{frequency:'1000'});
}
function clearWatch(){
plus.accelerometer.clearWatch(wid);
}
});
</script>
设备加速传感器(accelerometer) ---- HTML5+的更多相关文章
- Xamarin Essentials教程使用加速度传感器Accelerometer
Xamarin Essentials教程使用加速度传感器Accelerometer 加速度传感器是一种能够测量加速度的传感器,用于检测设备状态的改变.在Xamarin中,如果开发者想要使用加速度传 ...
- Swift - 加速传感器(CoreMotion)的用法,小球加速运动并反弹样例
1,加速传感器可以监听到x,y,z三个方向的加速度,使用步骤如下: (1)实例化CMMotionManager类 (2)向CMMotionManager的accelerometerUpdateInte ...
- Android 获取加速传感器的值,并去除杂音
1.注册和注销传感器 private void registerSensor() { manager.registerListener(this, manager.getDefaultSensor(S ...
- Pro Android学习笔记(一五四):传感器(4):陀螺仪、加速传感器
文章转载只能用于非商业性质,且不能带有虚拟货币.积分.注册等附加条件.转载须注明出处http://blog.csdn.net/flowingflying/以及作者@恺风Wei. 陀螺仪 陀螺仪(Gyr ...
- 移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程
如果需要在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url href链接的方式,实现在Safa ...
- HTML5 移动开发(移动设备检测及对HTML5的支持)
1.如何选择要使用的特性以及所面向的浏览器 2.哪些浏览器支持HTML5 3.如何检测是否支持HTML5 4.如何开发贷容错性的Web应用程序 5.CSS3媒体查询如何增强检测脚本 使用HTML5 ...
- 加速传感器(CoreMotion) swift
// // ViewController.swift // UILabelTest // // Created by mac on 15/6/23. // Copyright (c) 2015年 fa ...
- Android_(传感器)获取手机中的传感器
传感器是一种检测装置,能够感受被测量的信息,并能将检测和感受到的信息按一定规律变换成电信号或其它所需形式的信息输出 Android操作系统中内置了很多的传感器(物理装置),能够探测.感受外界的信号.物 ...
- Windows Phone 硬件检测
private static bool IsWvga{ get { return App.Current.Host.Content.ScaleFactor == 100; }} private sta ...
随机推荐
- 解决只有单引号的Json格式转换成bean问题
objectMapper.configure(Feature.ALLOW_UNQUOTED_FIELD_NAMES, true);单引号类似Json格式:{id:124463277,code:null ...
- e671. 在缓冲图像中存取像素
// Get a pixel int rgb = bufferedImage.getRGB(x, y); // Get all the pixels int w = bufferedImage.get ...
- 3D游戏与计算机图形学中的数学方法-变换
1变换 在3D游戏的整个开发过程中,通常需要以某种方式对一系列的向量进行变换.通常用到的变换包括平移,缩放和旋转. 1.1通用变换 通常可将n x n可逆矩阵M看成是一个从坐标系到另一个坐标系的变换矩 ...
- Linux jstack分析cpu占用100%
背景: 运行测试程序后,top命令发现某个进程(pid)占用cpu达到100%. 查看哪个线程占用最多资源: ps mp pid -o THREAD,tid,命令查看这个进程下面的所有线程占用情况 ...
- EasyTouch5初步用法和其中的一个Bug
(一)配置部分:一.将预设体拖入场景中,我用的是下图这个预设体,因为既有摇杆又有按钮嘛,两个正好都能学习到 二.改变摇杆和按钮的外观,如下图所示,可以看出这个插件是用UGUI写的,改图片只需要改Ima ...
- MySQL------Navicat安装与激活
转载: https://blog.csdn.net/WYpersist/article/details/79834490
- mybatis由浅入深day01_ 7输入映射(7.1传递pojo的包装对象_7.2#{}与${}_7.3传递简单类型_7.4传递pojo对象_7.5传递hashmap)
7 输入映射 通过parameterType指定输入参数的类型,类型可以是简单类型.hashmap.pojo的包装类型. 7.1 传递pojo的包装对象 7.1.1 需求 完成用户信息的综合查询,需要 ...
- 九度 1547 出入栈(递推DP)
题目描述: 给定一个初始为空的栈,和n个操作组成的操作序列,每个操作只可能是出栈或者入栈.要求在操作序列的执行过程中不会出现非法的操作,即不会在空栈时执行出栈操作,同时保证当操作序列完成后,栈恰好为一 ...
- Effective C++ Item 19 Treat class design as type design
Too high class topic for me now ................... ................... ................... fill the ...
- swift学习笔记之--方法
一.说明 跟oc一样,面向对象,swift重点额方法可以分为2大类: (1)实例方法 oc中为减号方法(对象方法) (2)类型方法 oc中的加号方法(类方法) 二.实例方法 只能是对象调用的方法 代码 ...