让iphone/智能手机在网站上振动,这是可能的吗


Make iphone/smartphone vibrate from website, is it possible?

所以我用php、jQuery等构建了一个小问答游戏。我已经制作好了,每个玩家都用自己的智能手机作为"蜂鸣器"按钮。我想知道是否有可能让手机振动,让用户在按下按钮时得到更好的反馈。

我发现了一个振动API,但iOS不支持它(我有一个iphone来测试它)

这是我能找到的唯一一件事,有人知道其他事情吗?

您可以始终使用Phonegap/Cordova将web内容打包到本地应用程序中。然后,您将可以访问所有(或大部分)本机手机功能。

请记住,使用JS进行振动仍然是广泛不受支持的,而原生的东西可以处理所有事情。

是的,使用HTML5的Vibration API。要使手机振动,请使用:

navigator.vibrate(1000);

但是,在执行此语句之前,您应该检查浏览器是否支持Vibration API。你可以这样做:

if (window.navigator && window.navigator.vibrate) {
   // Vibration supported
} else {
   // Vibration not supported
}

或者这样:

if ('vibrate' in navigator) {
   // Vibration supported
} else {
   // Vibration not supported
}

您也可以定义振动模式。这可以通过传递一个带有[振动,暂停,振动,暂停…]的数组来实现,就像这样:

// Vibrate for 3 seconds, pause for half a second, vibrate for 2 seconds, pause for half a second, vibrate for 1 second    
navigator.vibrate([3000, 500, 2000, 500, 1000]);

要使手机停止振动,您可以使用以下任一项:

navigator.vibrate(0);

或者:

navigator.vibrate([]);

来源:tutplus