🚀 Installation Rapide

Le widget GestureCtrl est conçu pour être intégré sans effort. Copiez simplement le script ci-dessous et placez-le avant la balise de fermeture </body> de votre site web.

embed.html
<!-- 1. Ajouter le widget sur votre page -->
<script src="https://www.gesturectrl.codigi212.com/assets/gesture-widget.js"></script>

<!-- 2. (Optionnel) Ecouter les evenements de gestes -->
<script>
  document.addEventListener('gesture', function(e) {
    console.log('Geste detecte:', e.detail.name);
    console.log('Commande:', e.detail.command);
  });
</script>

⚙️ Options de configuration

Vous pouvez personnaliser le comportement du widget via des attributs data-* sur la balise script.

config.html
<!-- Desactiver les actions automatiques (scroll, navigation) -->
<script
  src="https://www.gesturectrl.codigi212.com/assets/gesture-widget.js"
  data-automap="false">
</script>
Attribut Valeur Description
data-automap true | false Active ou désactive les actions automatiques (scroll, navigation). Défaut: true.

✨ Fonctionnalités du widget

  • Interface Flottante : Un mini-lecteur vidéo discret qui peut être déplacé par l'utilisateur.
  • Actions Natives : Contrôlez le défilement et la navigation historique sans code supplémentaire.
  • Événements Custom : Intégrez vos propres fonctions JS en écoutant l'événement gesture.
  • Performance : Utilise les Web Workers et MediaPipe via CDN pour ne pas ralentir votre site hôte.
  • Confidentialité : Le traitement d'image est effectué localement dans le navigateur de l'utilisateur.

⚠️ Note sur la sécurité : Votre serveur doit autoriser les requêtes Cross-Origin (CORS) si vous hébergez le script sur un domaine différent de celui du site hôte.