DesarrolloLibre

Desarrollo Web, Android, juegos y mucho más

Categorias
04-02-2014

Dispositivos como tablets y teléfonos tienen hoy en día una presencia importante en la web; se estima que el trafico de datos generado por estos dispositivos supere al trafico de datos generado por las PC en unos pocos años; por tal motivo, es importante para nosotros los desarrolladores explotar de la mejor manera posible todas las herramientas que nos brinda la Web; entre ellas esta la API de Vibración de HTML5. En este artículo veremos como agregar esta características de hacer vibrar a los dispositivos a nuestras aplicaciones.

El método vibrate del objeto navigator permite activar la vibración por hardware de un dispositivo mediante JavaScript; claro, esto ocurrirá si tal hardware está presente en dicho dispositivo; si el dispositivo no soporta vibración, el método no tendrá ningún efecto sobre el dispositivo.

La API de Vibración en detalle

Sintaxis

navigator.vibrate(patrón);

En donde patron puede ser:

Detener la vibración del dispositivo

La API de Vibración no bloqueará tu código JavaScript; y por lo tanto, seguirá ejecutándose mientras el dispositivo está vibrando. Si por alguna circunstancia deseas finalizar la vibración, puedes establecer en cero el patrón:

// detiene la vibración del dispositivo
navigator.vibrate(0);

También es posible cancelar la vibración del dispositivo con:

// también detiene la vibración del dispositivo
navigator.vibrate([]);
// esta también ...
navigator.vibrate([0]);

Detectando el soporte del API de Vibración en los navegadores

Siempre es aconsejable realizar las validaciones necesarias antes de trabajar con cualquiera de las APIs en HTML5; para detectar la presencia del API de Vibración solo hay que realizar la siguiente comprobación:

var soporteVibracion= "vibrate" in navigator;
html5 vibration api

Imagen 1: Soporte de la API de Vibración en el navegador Google Chrome para PC.

Como podemos apreciar en la imagen anterior; dicha comprobación nos devolverá un booleano:

¿Para que usar la API de Vibración?

Esta API está claramente diseñada para dispositivos móviles; resulta de ayuda para alertar al usuario sobre algún cambio en la aplicación Web; inclusive al momento de desarrollar, al momento de una explosión o una balacera hacer vibrar al dispositivo.

Conclusiones

Esta API es muy sencilla de utilizar y muy poderosa; ya que permite acceder al hardware del dispositivo; sin embargo, hay que tener mucho cuidado en emplear esta API; cabe recordar que solo funciona con dispositivos móviles (obvio que no va a vibrar el PC), además de esto, NO debemos de dejar el dispositivo del cliente vibrando eternamente por muy provocadora y divertida que resulte la idea.


Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Eye Candy

Eye Candy

API REST en CodeIgniter

API REST en CodeIgniter

Árbol arcoíris creciente

Árbol arcoíris creciente

Algunos artículos que te pueden interesar

El elemento dialog (diálogo) en HTML5

El elemento dialog (diálogo) en HTML5

El elemento <dialog> (diálogo) define una caja de diálogo o simplemente una nueva ventana.

Andrés Cruz 20-11-2014

Construyendo nuestro propio logo Android con SVG en HTML

Construyendo nuestro propio logo Android con SVG en HTML

En esta entrada abordaremos un tema un poco más práctico y veremos cómo construir nuestro propio logo de Android empleando lo hablado hasta el momento.

Andrés Cruz 21-05-2015

Detectando la orientación del dispositivo con el API de javaScript

Detectando la orientación del dispositivo con el API de javaScript

Con esta API podemos obtener información sobre la orientación de un dispositivo, en específico.

Andrés Cruz 08-04-2014