¿Qué es la API de vibración en HTML5?

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *