JS获取移动设备方向、摄像头朝向

本文介绍了如何利用JavaScript在移动端获取设备的指南针方向,帮助开发者实现获取南北方向的功能。内容已在部分安卓设备上测试通过,但兼容性和效果可能因设备而异,建议在不同设备上进行测试。
摘要由CSDN通过智能技术生成

实验中的功能,兼容性有效性看实际情况。这里用来获取南北方向。
注意:以下内容都在我的安卓设备测试通过,其它设备请自测。
参考:MDN Web Docs

// DeviceOrientationEventListener.js
/**
 * @Author LuoYang
 * @Email toluoyang@qq.com
 * @Date 2022/3/1 10:18 上午
 * @Description 方向事件监听
 * @声明:本代码不建议”996或类似不遵守劳动法的组织及其成员”学习使用
 */

let ua = undefined;
// 偏北旋转角度
let rotate = undefined;
let gamma = 0;

/*添加方向事件监听*/
export function addDeviceOrientationEvent() {
   
  if (window.DeviceOrientationEvent) {
   
    ua = navigator.userAgent.toLowerCase();
    if (/android/.test(ua)) {
   
      window.addEventListener(
        "deviceorientationabsolute",
        deviceOrientationHandler,
        false
      );
    
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值