我目前正在 html5 中构建一个 Web 应用程序,它需要能够检测用户何时摇动手机以及摇动手机的速度。我一直在浏览,但似乎找不到任何如何实现这一点的示例。我知道html5有一个加速度计可以检测手机的方向,但是它如何检测用户摇动手机的速度呢?
我也在我的 iPhone 上测试了它,尽管理想情况下我希望它也能在 Android 设备上运行。想法?例子也很好。谢谢!
shake.js看起来是一个很好的库 - 它提供了一个自定义的“摇动”事件,并且在现代浏览器上受支持。这是一个他们的文档中的示例设置关于如何实施它:
<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://
)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)