Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >cordova插件-Device Motion

cordova插件-Device Motion

作者头像
roc
发布于 2018-03-30 06:56:17
发布于 2018-03-30 06:56:17
99800
代码可运行
举报
文章被收录于专栏:iOS开发笔记iOS开发笔记
运行总次数:0
代码可运行
  • 添加插件

$ cordova plugin addcordova-plugin-device-motion

图 12如上则插入成功

  • 插件的使用
  • Methods
  • navigator.accelerometer.getCurrentAcceleration
  • navigator.accelerometer.watchAcceleration
  • navigator.accelerometer.clearWatch

2. Example

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var watchID;
function  getCurrentAcceleration() {
    navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
}

function watchACC() {
    var options = { frequency: 3000 };  // Update every 3 seconds

    watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
}
function clearWa() {
    navigator.accelerometer.clearWatch(watchID);

}
function onSuccess(acceleration) {
    alert('Acceleration X: ' + acceleration.x + '\n' +
            'Acceleration Y: ' + acceleration.y + '\n' +
            'Acceleration Z: ' + acceleration.z + '\n' +
            'Timestamp: '      + acceleration.timestamp + '\n');
}

function onError() {
    alert('onError!');
}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-07-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 iOS开发笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
cordova插件-Device Orientation
添加插件 $ cordova plugin addcordova-plugin-device-orientation 图 13如上则插入成功 插件的使用 Methods navigator.com
roc
2018/03/30
7780
cordova插件-Device Orientation
cordova插件- Geolocation
添加插件 $ cordova plugin add cordova-plugin-geolocation 插件的使用 Methods navigator.geolocation.getCurrent
roc
2018/03/30
1K0
cordova插件- Geolocation
cordova插件- Contacts
添加插件 $cordova plugin add cordova-plugin-contacts 图 8出现如上则添加成功 插件的使用 Methods navigator.contacts.create navigator.contacts.find navigator.contacts.pickContact Example <!--这是选择联系人--> function openContacts () { navigator.contacts.pickContact(function (con
roc
2018/03/30
1.1K0
Cordova 拍视频和本地压缩
navigator.device.capture.captureVideo 输出的log
acc8226
2022/05/17
6480
js模仿微信摇一摇功能
微信推出后,他的摇一摇功能非常的火爆,没事来微信摇一摇加加好友,我们可不可以借鉴一下微信的摇一摇功能,让手机访问网页的时候,只要手机摇一摇,网页背景就会自动随时换一个网页背景。 具体想要用摇一摇的功能思路已经确认的了,现在就是来实现代码的了。我们现在是用HTML5实现摇一摇的功能。JS代码如下:
OECOM
2020/07/02
2.9K0
HTML5 实现手机摇一摇
HTML5新增了一些JavaScript API接口,比如地理定位、重力感应等。今天主要介绍devicemotion事件(设备事件),它提供设备的加速信息,表示为定义在设备上的坐标系。其还提供了设备在
HTML5学堂
2018/03/12
4.1K0
HTML5 实现手机摇一摇
「移动端」前端常见知识点总结
HTML5地理位置API,允许js程序向浏览器询问用户的真实信息,移动端使用GPS获取的位置,非常精准。但是地理位置API的浏览器访问前总是会询问是否同意,如果同意的话就会获取到位置,否则获取不到。
呆呆
2021/09/30
1K0
Cordova插件之获取当前定位
安装插件 cordova plugin add cordova-plugin-geolocation 获取定位执行方法 navigator.geolocation.getCurrentPosition(onSuccess, onError); 成功回调函数: var onSuccess = function(position) { alert('纬度: ' + position.coords.latitude + '\n' +
安德玛
2022/03/06
5380
基于Vue+cordova开发webapp并调用Native功能 实践
安装cordova,安装vue-cli: npm i cordova -g,npm i -g vue-cli 。
安德玛
2022/03/09
1.2K0
cordova插件- Media Capture
添加插件 $ cordova plugin addcordova-plugin-media-capture 插件的使用 Methods capture.captureAudio capture.ca
roc
2018/03/30
1K0
cordova插件- Media Capture
IOS系统中H5页面实现摇一摇功能
公司准备开年会了,年会活动用了一套别人的系统,根据测试,有些游戏的摇一摇功能在IOS上无法使用,为了修复该功能,踩了一些坑,特此记录如下:
越陌度阡
2021/12/28
1.3K0
Cordova插件cordova-plugin-media-capture实现短视频的录制上传和播放
1、网上的教程大部分都是虎头蛇尾的不全的。互相抄来抄去真的感觉就没有一个是真正自己去写一写的,不然这里面这么多的坑就没有一个人出来说说的?下面就写写我实现功能过程中的一些问题吧,代码绝对完整并且按照步骤来一定可以成功!
用户6493868
2022/03/05
1.9K0
一步一步完成一个聚会摇色子游戏
      出去聚会想玩摇色子,奈何身边没有色子,网上也没找到,自己写一个吧 一、画界面       色子要大明显字要大,摇动最好有特效和声音,前端使用layui布局 1.引用 <link href="/plugin/layui/css/layui.css" rel="stylesheet"> <script src="/Scripts/jquery-1.8.2.min.js"></script> 2.布局 <div class="mybody" style="padding-top:100px">
用户1055830
2018/01/18
1.5K1
一步一步完成一个聚会摇色子游戏
HTML5设备定向小实践
HTML5的Device API中提供了几个DOM事件,可以获得设备的物理方向及运动的信息,API提供的数据不是来源于原始的传感器信息,而是来源于设备上的陀螺仪、加速计以及指南针等。
IMWeb前端团队
2019/12/04
7780
HTML5设备定向小实践
cordova插件-File Transfer
添加插件 $ cordova plugin addcordova-plugin-file-transfer 图 15如上则插入成功 插件的使用 Methods l upload: Sendsa f
roc
2018/03/30
1.1K0
cordova插件-File Transfer
cordova插件- Inappbrowser
添加插件 $ cordova plugin addcordova-plugin-inappbrowser 插件的使用 Methods cordova.InAppBrowser.open 2. Ex
roc
2018/03/30
8430
cordova插件- Inappbrowser
第一个摇一摇小程序?在Nodes里摇一摇
话说,小程序也能做摇一摇功能,但好像没怎么看到过有什么小程序做了这个?(大家如果看到,可以留言推荐一下),按耐不住心中好奇心的花叔这两天研究了一下。 在说这之前,请允许我描述一下Nodes的新功能,因
花叔
2018/04/18
1.4K0
第一个摇一摇小程序?在Nodes里摇一摇
增强你的移动网页体验:掌握这12个必备JavaScript API
文章列举了 12 个常用的 JavaScript API,包括 Geolocation、DeviceOrientation、Battery Status、Vibration 等等。对于每个 API,文章提供了详细的解释、示例代码和用法说明。这些 API 可以帮助开发人员在移动网页中实现诸如获取用户位置、访问设备传感器、监测电池状态、触发设备振动等功能。
前端小智@大迁世界
2023/08/16
2350
增强你的移动网页体验:掌握这12个必备JavaScript API
使用 Cordova 构建应用的流程
Cordova 应用程序有几个组件。 下图展示了 Cordova 应用程序体系结构的高级视图。
acc8226
2022/05/17
4.5K0
使用 Cordova 构建应用的流程
iOS传感器开发——加速度传感器,螺旋仪传感器,磁力传感器的应用
        通过加速度传感器,螺旋仪传感器和磁力传感,我们可以获取到手机在当前三维空间中的形态,加速度传感器也被称作重力感应。在一些赛车游戏中可以广泛得到应用。在iOS5之前,iPhone支持的传感器有限,关于加速度传感器的管理用UIAccelerometer这个类负责,iOS5之后,有关设备空间信息的管理交由了CoreMotion这个框架,CoreMotion将多种传感器统一进行管理计算。
珲少
2018/08/15
2.1K0
iOS传感器开发——加速度传感器,螺旋仪传感器,磁力传感器的应用
相关推荐
cordova插件-Device Orientation
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档