Vibration API

La vibración en un dispositivo móvil se ha convertido en algo más importante de lo que parece, pues da retroalimentación física al usuario de lo que está pasando. Puede ser una notificación, un videojuego, incluso en un sitio web, gracias a Vibration API (API de vibración).

Para utilizar la API es necesario el método vibrate() y pasar como argumento la duración de la vibración en milisegundos.

const button = document.getElementById("button");

button.addEventListener("click", function() {
	window.navigator.vibrate(1000); // 1s
});

Múltiples vibraciones

Además de un solo valor, el método vibrate() puede recibir un array, representando períodos diferentes de tiempo. Los valores que recibe se van alternando entre hacer vibrar el dispositivo y tomar una pausa.

window.navigator.vibrate([1000, 200, 500])

Esto hace que un dispositivo vibre por 1 segundo, después tome una pausa de 200 ms para volver a vibrar 500 ms.

Fin de la vibración

Para finalizar cualquier patrón de vibración que actualmente esté en curso, hay que pasar un 0 como valor o un array vació [].

window.navigator.vibrate(0);

Recursos

Comparte tu opinión o duda:
Se parte de mi newsletter

Compartiré contigo las últimas novedades del sitio y otros recursos sobre desarrollo web que no te puedes perder.