258资源分享网

以手机竖直面向用户为例，加速计的三轴坐标系统的X、Y、Z轴定义如下：

沿着手机屏幕顶部向上是Y轴正方向，向下是Y轴负方向；

当手机顶部朝上时，沿着手机屏幕向右是X轴正方向，向左是X轴负方向；

正对手机时，垂直屏幕向外是Z轴正方向，垂直屏幕向里是Z轴负方向；

当手机处于静止状态时，手机此时只受一个重力加速度(1g=9.8m/s²)的作用，加速度计返回的res.x、res.y、res.z的值就是设备的三轴受到的加速度的值，取值范围从[-1g,1g]。设备以不同方式放置时，x/y/z的值如下：

Roll（绕Y轴旋转的角度）

当设备绕着自身Y轴旋转时（表示手机左侧或右侧翘起的角度），该角度值将会发生变化，取值范围是-90到90度。

Pitch（绕X轴旋转的角度）

当手机绕着自身的Y轴旋转（表示手机顶部或尾部翘起的角度），该角度会发生变化，值的范围是-180到180度。

// 0为竖屏，1为横屏 let lastState = 0; let lastTime = Date.now(); wx.startAccelerometer(); wx.onAccelerometerChange((res) => { const now = Date.now(); // 500ms检测一次 if (now - lastTime < 500) { return; } lastTime = now; let nowState; // 57.3 = 180 / Math.PI const Roll = Math.atan2(-res.x, Math.sqrt(res.y * res.y + res.z * res.z)) * 57.3; const Pitch = Math.atan2(res.y, res.z) * 57.3; // console.log('Roll: ' + Roll, 'Pitch: ' + Pitch) // 横屏状态 if (Roll > 50) { if ((Pitch > -180 && Pitch < -60) || (Pitch > 130)) { nowState = 1; } else { nowState = lastState; } } else if ((Roll > 0 && Roll < 30) || (Roll < 0 && Roll > -30)) { let absPitch = Math.abs(Pitch); // 如果手机平躺，保持原状态不变，40容错率 if ((absPitch > 140 || absPitch < 40)) { nowState = lastState; } else if (Pitch < 0) { /*收集竖向正立的情况*/ nowState = 0; } else { nowState = lastState; } } else { nowState = lastState; } // 状态变化时，触发 if (nowState !== lastState) { lastState = nowState; if (nowState === 1) { console.log('change:横屏'); } else { console.log('change:竖屏'); } } }); 然后就可以在横竖屏切换的状态下，去切换视频的横竖屏了 if (state === 1) { video.requestFullScreen(); } else { video.exitFullScreen(); }

其他