正在检测html5手机中的抖动

Detecting shaking in html5 mobile

本文关键字：抖动 手机 html5 检测      更新时间：2023-09-26

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

我还在我的iPhone上测试这个，尽管理想情况下我希望它也能在Android设备上运行。想法？举个例子也很好。谢谢

shake.js看起来是一个很好的库，它提供了一个自定义的"shake"事件，并且在现代浏览器上受到支持。以下是他们的文档中关于如何实现它的示例设置：

<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://）时，这在某些浏览器中不起作用。

相关文章：