Les moments décisifs d'un match de tennis — break point, set point, match point — méritent un traitement visuel particulier à l'antenne. Nos overlays OBS intègrent désormais des animations automatiques qui se déclenchent en temps réel quand le moteur NTBA détecte une situation de jeu critique.
Comment ça fonctionne
Le moteur de scoring NTBA analyse en permanence l'état du match. Quand un joueur se retrouve en position de break, set ou match point, un signal est émis via Socket.IO vers l'overlay OBS. L'overlay déclenche alors une animation CSS spécifique — un changement de couleur progressif, un effet de pulse sur le score, ou un badge animé "BREAK POINT" qui apparaît.
Animations disponibles
Badge animé pulsant + surbrillance du score en danger
Bordure animée + indicateur clignotant sur le set en cours
Animation maximale — overlay entier en surbrillance + badge proéminent
Intégration OBS Studio
L'overlay est une page web (source navigateur dans OBS) en 1920x1080 à 60fps. Les animations sont purement CSS avec des transitions GPU-accelerated pour ne pas impacter les performances du stream. Le fond est transparent, ce qui permet de superposer l'overlay sur n'importe quel flux vidéo.
Le défi du double-trigger
Un problème subtil que nous avons résolu : lors d'une faute de service, le signal de break/set/match point se déclenchait deux fois (une fois au 15-40, puis à nouveau quand le service reprend). La solution : un debounce côté overlay qui ignore les signaux identiques reçus dans un intervalle de 3 secondes. Simple, mais il a fallu le détecter en match pour le corriger.
60fps, 0 impact
Animations CSS GPU-accelerated, aucun impact sur les performances du stream
