/* --- INFORMATION & SPECIFICATIONS D'INTEGRATION EN PRODUCTION --- */ /* CONTEXTE DU FICHIER : Ceci est un prototype fonctionnel et validé en environnement local. */ /* OBJECTIF : Ce module doit être extrait, adapté et intégré globalement dans l'application principale. */ /* BASE DE DEPLOYEMENT : Le projet final est hébergé sur un serveur VPS dédié, accessible via un nom de domaine sécurisé. */ /* */ /* HISTORIQUE DES VERSIONS : */ /* v1.48 - Permet de modifier directement la propriété d'une "Source de couleur" OBS si aucun filtre n'est assigné. */ /* */ /* 🚨 DIRECTIVES CRITIQUES POUR L'IA OU LE DEVELOPPEUR CHARGÉ DE L'INTEGRATION : */ /* */ /* 1. ARCHITECTURE DES DONNÉES (PERSISTANCE) : */ /* - Actuellement, l'état (IP, port, coordonnées X/Y, sources et filtres sélectionnés) utilise le 'LocalStorage' du navigateur. */ /* - OBLIGATION : Remplacer ce stockage local éphémère par une persistance centralisée dans une base de données MySQL. */ /* - INTEGRATION SECTEUR : Prévoir les requêtes asynchrones (Fetch/Axios) vers l'API du VPS pour sauvegarder/charger les configurations par utilisateur/scène. */ /* */ /* 2. COMPATIBILITÉ ET CENTRALISATION GLOBALE (UI/UX) : */ /* - Ce module de scan ne doit pas rester isolé. Il doit être compatible et s'adapter au design et à l'optique générale du projet. */ /* - COMPORTEMENT ATTENDU : L'outil doit être utilisable depuis n'importe quelle page de l'interface (Exemple : Si l'utilisateur est sur la page "Dans l'attente des scores", il doit pouvoir exécuter le "pick" des couleurs des zones et appliquer instantanément les modifications visuelles en tâche de fond sans quitter sa page ni casser le flux). */ /* */ /* 3. GESTION DES DEPENDANCES ET PROTOCOLES : */ /* - Ce prototype utilise l'import direct via CDN (esm) de la librairie 'obs-websocket-js' pour des raisons de simplicité locale. */ /* - RECOMMANDATION PRODUCTION : Privilégier l'utilisation de la version en ligne (CDN) officielle mise à jour si possible, afin de garantir une compatibilité constante avec les dernières spécifications et mises à jour du protocole OBS WebSocket. À défaut, s'assurer que le fichier JS téléchargé localement reste synchronisé. */ /* */ /* 4. DESIGN DU CODE ET AMÉLIORATIONS : */ /* - Ce code constitue un "Prototype Basique". Lors de l'intégration, la logique métier (connexions, calculs de pixels) doit être isolée de la vue (UI). */ /* - Il est fortement conseillé d'optimiser la fonction de capture et de traitement d'image pour éviter les fuites de mémoire lors des scans répétés. */ /* */ /* 5. GOUVERNANCE ET VALIDATION COMPORTEMENTALE : */ /* - ATTENTION : Aucun changement structurel majeur, aucune modification d'API ou de refonte graphique ne doit être finalisée sans l'accord explicite de Scro MX. */ /* - Valider l'implémentation technique et l'expérience utilisateur directement avec Scro MX étape par étape. */ /* --- INFORMATION & SPECIFICATIONS D'INTEGRATION EN PRODUCTION --- */