手机摇一摇切换的图片或者视频

Question

手机摇一摇切换的图片或者视频内容，怎么写代码？

Answer 1

deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。
deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。

var SHAKE_THRESHOLD = 3000; //摇动的尺度 
var last_update = 0;  
var x = y = z = last_x = last_y = last_z = 0;  
function init() {  
    if (window.DeviceMotionEvent) {  
        window.addEventListener('devicemotion', deviceMotionHandler, false);  
    } else {  
        alert('not support mobile event');  
    }  
}  
function deviceMotionHandler(eventData) {  
    var acceleration = eventData.accelerationIncludingGravity;  
    var curTime = new Date().getTime();  
    if ((curTime - last_update) > 100) {  
        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) {  
            // 调用换图片的事件吧   
         }  
         last_x = x;  
         last_y = y;  
         last_z = z; 
     ｝ 
 }