La vibración es una sensación que despierta la curiosidad en un usuario y tiende a hacer que realice una tarea. Por ejemplo, en los rastreadores de actividad física, la alerta de vibración le recuerda al usuario si ha estado sentado demasiado tiempo y potencialmente lo haría caminar o alejarse del escritorio o las vibraciones en los teléfonos o relojes inteligentes hacen que el usuario mire las alertas de mensajes o asista. llamadas
La API de vibración hace esto accediendo al hardware del software solo si existe. Es compatible con HTML5 para el mismo y en los navegadores, solo es compatible con Firefox, Chrome y Microsoft Edge en PC, y es débilmente compatible con Chrome, Android, Opera y Samsung Internet en dispositivos móviles. En términos prácticos, esta función solo es compatible con dispositivos móviles.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the Bootstrap CDN -->
<link
href=
"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet" />
</head>
<body style="text-align: center">
<h1 style="color: green">I love GFG</h1>
<!-- Add button for a single vibration -->
<button type="button"
class="btn btn-primary"
onclick="vibrate1(1000)">
Once
</button>
<!-- Add button for vibration pattern -->
<button type="button"
class="btn btn-secondary"
onclick="vibrate2()">
Pattern followed
</button>
<script>
function vibrate1(milli) {
// Vibrates once for the number of
// milliseconds passed as the argument
navigator.vibrate(milli);
}
function vibrate2() {
// Vibrates in a pattern by
// according to the given array
navigator.vibrate(
[400,150,300,120,200]
);
}
</script>
</body>
</html>
Producción:
Para acceder a su sitio local en su móvil, busque su dirección IP y abra el siguiente enlace en el navegador de su móvil:
http://<your ip address>:<port>/index.html
Puede averiguar su dirección IP real utilizando el comando ipconfig en Windows y el comando ifconfig en Linux.
Ahora, al abrirlo en su navegador móvil, puede acceder a los botones y experimentar la función de la API de vibración.
Publicación traducida automáticamente
Artículo escrito por dikshapatro y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA