Les retours haptiques sur mobile sont  très pratiques pour donner un contexte à l'utilisateur, une réponse ou tout simplement avertir d'une action ou d'un problème. WebHaptics permet d'ajouter ces retours dans vos apps web. Il supporte React, Vue et Svelte. Il faut installer le paquet npm et important dans votre projet. 

Le code d'intégration :

import { WebHaptics, defaultPatterns } from "web-haptics";const haptics = new WebHaptics();haptics.trigger(); // medium impacthaptics.trigger(defaultPatterns.success);

Voici une petite vidéo qui présente son usage :

Un exemple de trigger haptique :

trigger([  { duration: 40, intensity: 0.8 },  { delay: 100, duration: 80, intensity: 0.6 },])Le retour est donc totalement paramétrable

GitHub : https://github.com/lochie/web-haptics

Le site officiel : https://haptics.lochie.me/

Catégorie actualité: FrameworksReactImage actualité AMP: