html 5 移动端陀螺仪问题

Question

IOS 13.0
苹果6p
在vr全景视频中，框架是three.js +video.js video.vr.js

if (window.DeviceOrientationEvent) {

  //  支持DeviceOrientation API写在这里
  window.addEventListener('deviceorientation', function (event) {
    // 以设备坐标系z轴为轴，旋转alpha度。alpha的作用域为(0, 360)
    // 以设备坐标系x轴为轴，旋转beta度。beta的作用域为(-180, 180)
    // 已设备坐标系y轴为轴，旋转gamma度。gamma的作用域为(-90, 90)
    console.log(event.alpha + ' : ' + event.beta + ' : ' + event.gamma);
  });
} else {
  console.log("对不起，您的浏览器还不支持Device Orientation!!!");
}

目前 安卓调用没有问题，但IOS 中不触发此事件
求解

Answer 1

目前 发现deviceorientation 在http 中是无法使用的，必须是在https 网址下才能使用，而ios中safari 需要手动设置开启运动与方向的设置，在ios12.2版本后再safari浏览器设置中打开此设置，但再13.0版本后没有此设置的开关