Qu'est-ce que l'API Vibration ?

L'API Vibration (navigator.vibrate()) est une norme de navigateur qui permet aux pages web de déclencher le moteur de vibration physique intégré aux smartphones et certaines tablettes. Elle accepte soit une durée unique en millisecondes, soit un tableau alternant des durées de vibration/pause — appelé motif de vibration. L'API est prise en charge dans la plupart des navigateurs Android ; iOS n'expose pas la vibration aux pages web en raison des restrictions de la plateforme.

Les motifs de vibration sont décrits comme des tableaux où les valeurs aux indices impairs représentent les durées de vibration et les valeurs aux indices pairs représentent les durées de pause. Par exemple, [200, 100, 200] signifie vibrer 200 ms, pause 100 ms, vibrer 200 ms. L'appel de navigator.vibrate(0) ou navigator.vibrate([]) annule immédiatement toute vibration en cours.

Description de l'outil

Cet outil vous permet de tester si votre appareil prend en charge l'API Vibration et d'expérimenter des motifs de vibration directement dans le navigateur. Vous pouvez déclencher une impulsion unique avec une durée configurable, entrer un motif personnalisé entièrement séparé par des virgules, ou choisir parmi des présets intégrés tels que SOS, battement cardiaque et impulsions doubles/triples. Un journal des événements enregistre chaque tentative de vibration avec un horodatage et le motif exact utilisé, afin que vous puissiez comparer les résultats sur différents appareils et navigateurs.

Exemples

Entrée de motif Ce qui se passe
300 Impulsion unique durant 300 ms
200,100,200 Vibrer 200 ms → pause 100 ms → vibrer 200 ms
150,100,150,100,150 Trois impulsions courtes avec des intervalles de 100 ms entre elles
0 Annule toute vibration en cours

Fonctionnalités

  • Détecte si l'appareil et le navigateur prennent en charge l'API Vibration et affiche le statut au chargement
  • Durée d'impulsion unique ajustable de 10 ms à 5000 ms via un curseur
  • L'entrée de motif personnalisé accepte n'importe quelle séquence séparée par des virgules de durées de vibration et de pause
  • Six présets prêts à l'emploi : Impulsion courte, Impulsion longue, Impulsion double, Impulsion triple, Motif SOS et Battement cardiaque
  • Journal des événements avec horodatages montrant chaque motif déclenché et s'il a été accepté ou rejeté par le navigateur

Cas d'usage

  • Développement web mobile : Vérifiez que la rétroaction haptique implémentée avec l'API Vibration se déclenche réellement sur un appareil cible avant de livrer la fonctionnalité.
  • Test d'appareils QA : Confirmez rapidement que le moteur de vibration fonctionne sur un smartphone nouvellement reçu ou réparé sans installer d'application native.
  • Prototypage de motifs : Itérez sur des séquences de vibration personnalisées (alertes de notification, retours de jeu, indices d'accessibilité) en les testant en direct dans le navigateur.

Comment ça marche

L'outil appelle navigator.vibrate(pattern) avec la valeur que vous fournissez. Le navigateur retourne true si l'appel a été accepté et false s'il a été rejeté — par exemple, parce que le document n'est pas en focus ou que l'appareil ne prend pas en charge l'API. Les deux résultats sont enregistrés dans le journal des événements. Tout le traitement se fait entièrement sur l'appareil ; aucune donnée n'est envoyée à un serveur.

Limitations

  • iOS (Safari, Chrome sur iOS) : Apple n'expose pas navigator.vibrate() sur iOS, donc l'API est toujours signalée comme non prise en charge sur les iPhones et iPads.
  • Navigateurs de bureau : Les ordinateurs de bureau n'ont généralement pas de moteur de vibration, donc même lorsque l'API est disponible, elle n'a aucun effet physique.
  • Onglets en arrière-plan : Certains navigateurs rejettent silencieusement les appels de vibration lorsque la page n'est pas au premier plan.
  • Durée maximale : Les segments de vibration individuels sont limités par le navigateur (généralement autour de 10 secondes) ; les très grandes valeurs peuvent être tronquées silencieusement.