javascript - 在 html5 移动设备中检测晃动

Question

我目前正在用 html5 构建一个网络应用程序，它需要能够检测用户何时摇动他们的手机以及他们摇动手机的速度。我一直在四处浏览，但似乎找不到任何有关如何实现它的示例。我知道 html5 有一个加速度计可以检测手机的方向，但它如何检测用户摇动手机的速度？

我也在我的 iPhone 上对此进行了测试，尽管理想情况下我希望它也能在 Android 设备上运行。想法？例子也会很棒。谢谢!

Answer 1

shake.js看起来是一个很好的库——它提供了一个自定义的“摇动”事件，并在现代浏览器上得到支持。这是一个 example setup from their documentation关于如何实现它:

<script src="shake.js"></script>
<script>
var myShakeEvent = new Shake({
    threshold: 15, // optional shake strength threshold
    timeout: 1000 // optional, determines the frequency of event generation
});

// Start listening to device motion
myShakeEvent.start(); 

// Register a shake event listener on window with your callback
window.addEventListener('shake', shakeEventDidOccur, false); 

//function to call when shake occurs
function shakeEventDidOccur () {

    //put your own code here etc.
    alert('shake!');
}
</script>

请注意，在不安全的浏览上下文(例如 http://)中，这在某些浏览器中不起作用