In this article we are going to vibrate mobile phones with JavaScript Vibration API.
JavaScript is an amazing language
Navigator.vibrate()
The navigator.vibrate
method pulses the vibration hardware on the device if such device is compatible. If device is not compatible, no effect will take place.
The method works in the following structure,
navigator.vibrate(pattern)
So, this was a little explanation on the navigator.vibrate
method. Now let's deal with some easy examples.
Examples
const vibrate = () => {
window.navigator.vibrate([500])
}
This will vibrate the hardware for 500ms.
const vibrateTwoTimes = () => {
window.navigator.vibrate([200, 100, 200])
}
In this example, vibration will occur two times for 200ms
with a gap of 100ms
.
Conclusion
I hope you have found this article useful. Thank you for reading!
Let's Connect
- Twitter - @codewithsnowbit
- GitHub - @codewithsnowbit
- Keep me motivated
Top comments (8)
hahaha, seems fun. Thanks for sharing
Thanks for reading 🙌
This was fun to try out
Thank you
You're welcome 🙂
Awesome! 🤩
Thanks for sharing.
I use vibration with the touch event, but on the first page load, after the first touch, vibration does not work. It only works from the second touch onward.
Yeah since a user has to interact with your page before you can use this API
This is not working in iphone browser