html调用手机陀螺仪,Js 获取手机陀螺仪
仅在移动端才能查看效果
问题:
1.请确保在https环境下打开
2.ios手机需要用户手动获取权限后才能调用
DeviceOrientationEvent
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
// init vConsole
var vConsole = new VConsole();
console.log("Hello world");
var SHAKE_THRESHOLD = 4000;
var last_update = 0;
var x,
y,
z,
last_x = 0,
last_y = 0,
last_z = 0;
if (window.DeviceMotionEvent) {
window.addEventListener("devicemotion", devicemotion, false);
}
//用户授权
function getPermission() {
if (
typeof DeviceMotionEvent !== "undefined" &&
typeof DeviceMotionEvent.requestPermission === "function"
) {
DeviceMotionEvent.requestPermission()
.then(function (state) {
if ("granted" === state) {
window.addEventListener("devicemotion", devicemotion, false);
} else {
alert("apply permission state: " + state);
}
})
.catch(function (err) {
alert("error: " + err);
});
}
}
function devicemotion(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if (curTime - last_update > 10) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed =
(Math.abs(x + y + z - last_x - last_y - last_z) / diffTime) * 10000;
if (speed > SHAKE_THRESHOLD) {
alert("你中奖啦!"); // Do something
}
last_x = x;
last_y = y;
last_z = z;
document.getElementById("text").innerHTML =
"x:" + last_x + "y:" + last_y + "z:" + last_z;
}
}
html调用手机陀螺仪,Js 获取手机陀螺仪相关推荐
- ios html js调用陀螺仪,Js 获取手机陀螺仪
仅在移动端才能查看效果 问题: 1.请确保在https环境下打开 2.ios手机需要用户手动获取权限后才能调用 DeviceOrientationEvent name="viewport&q ...
- js获取PC设备信息,js获取手机设备信息,最全
获取设备系统和型号<封装方法> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
- js获取手机型号和手机操作系统版本号
js获取手机型号和手机操作系统版本号 js中,经常需要获取手机的手机号和操作系统 获取方法如下: 1.js 判断IOS版本号 先来观察 iOS 的 User-Agent 串: iPhone 4.3.2 ...
- js获取手机设备型号,兼容h5
js获取手机设备型号,兼容h5 var brand = (window.navigator.userAgent).toLowerCase(); //获取手机型号信息,兼容h5 if (brand.in ...
- ua获取手机型号_前端通过js获取手机型号
前段通过js获取手机型号 需求: 用户登录后记录当前的手机型号并记录 插件: 使用步骤: 获取UA信息->根据安卓和IOS不同的处理 IOS再通过插件mobile-device-js去获取型号 ...
- android开发获取手机,通过ADB获取Android手机信息,获取手机信息
通过ADB获取Android手机信息,获取手机信息 原文:https://blog.csdn.net/fasfaf454/article/details/51438743 1.获取手机系统信息( CP ...
- java中获得手机唯一_Android 获取手机唯一识别码
[实例简介]得到手机唯一识别码 [实例截图] [核心代码]private String ChuanMa() { String szImei;// imei码 String m_szDevIDShort ...
- Unity之正确设置手机显示布局获取手机朝向
目录 Unity之正确设置手机显示布局 && 获取手机朝向 前言 开篇 Unity版本及使用插件 正题 设置手机屏幕显示布局.Screen.orientation 获取手机当前朝向.I ...
- 【学习随记】js获取手机陀螺仪
// 使用vue<div id="app"><ul><li>设备是否提供绝对定位(absolute)数据: {{absolute}}</l ...
最新文章
- 蓝桥杯单片机练习_第九届彩灯控制器
- 【写实与风格化】技术概述
- virtualenv 模块
- qt窗口关闭退出程序_Qt5 窗口关闭信号的响应~
- 近半年能力没进步原因分析与求助
- Windows编程之调用Matlab
- marked override, but does not override
- 动态规划——莱文斯坦距离
- 利用spring的CommonsMultipartResolver上传文件
- linux系统中归档管理器,深度商店应用归档管理器、KShutdown、7-Zip、California
- 雷达水位计的工作原理及安装维护注意事项
- 数据库设计(5)-理解用户需求
- 软件测试性能工程师工资,软件测试工程师工资一般多少 前景怎么样
- 除了迅雷还有什么靠谱的下载软件
- 【Java】插入排序、希尔排序详解
- java英雄国度加速版_谷得游戏 - 评价 | TapTap 发现好游戏
- IEEE浮点数表示--规格化/非规格化/无穷大/NaN
- ArcMap 镶嵌数据集基本使用方法
- 傅老师课堂:Oracle高级应用之合并MERGE
- 【Unity3D开发小游戏】《战棋小游戏》Unity开发教程