Vamos a ver cómo funciona la ‘Vibration API HTML5‘ en castellano ‘API de vibración HTML5‘, poco a poco los diferentes navegadores van incorporando esta funcionalidad.
Con esta API HTML5 podremos hacer que nuestro dispositivo móvil pueda vibrar durante un perido de tiempo.
De esta manera ya va saliendo a la luz otra funcionalidad que hasta la fecha solo se puede hacer con aplicaciones nativas de IOS, Android, Windows Phone…
En la siguiente URL podemos ver el roadmap de la W3C con las APIs de dispositivo HTML5.
Sintaxis de la vibration API HTML5
Repasemos la sintaxis de esta API de vibración extraída de su web oficial:
|
1 |
vibrate ((número entero o secuancia) patron); |
Ejemplos de la vibration API de HTLM5
Veamos en esta URL un ejemplo para ver cómo funciona la API de vibración HTML5:
|
1 2 3 4 5 6 7 |
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate; if (navigator.vibrate) { navigator.vibrate(1000); } else { alert('Tu navegador no soporta la api de vibración HTML5'); } |
Os explico el código superior:
- Obtenemos dependiendo del navegador la funcionalidad de vibración.
- En caso de que nuestro navegador soporte la API de vibración el dispositivo móvil vibrará un segundo (1000 milisegundos).
- En caso contrario sacamos un mensaje por patalla.
En caso de querer realizar una vibración discontinua durante 5 segundos usaríamos esta línea de código:
|
1 |
navigator.vibrate([5000]); |
Si queremos realizar una vibración discontinua con diferentes duraciones de vibración podríamos usar algo parecido a esta línea (2 segundos, medio segundo, 2 segundos, un segundo y 5 segundos):
|
1 |
navigator.vibrate([2000, 500, 2000, 1000, 5000]); |
Con esta línea cancelamos las vibraciones existentes:
|
1 |
navigator.vibrate(0); |