Skip to content

Lancer et contrôler le Player

Ouvrez la vue Player de votre room, pilotez-la depuis la barre de transport du Studio, ajustez le timer en cours à la volée, et lancez-la en plein écran ou comme source OBS.

Mis à jour le

Lancer et contrôler le Player

Le Player est la sortie écran de Timers Studio. C’est ce que votre public, votre intervenant ou votre écran de scène voit. Cette page vous montre comment l’ouvrir, le contrôler depuis le Studio et l’adapter au matériel qui l’exécute.

Prérequis

  • Au moins un timer dans votre rundown (voir Créer votre premier timer)
  • Un onglet ouvert sur timers.studio/id/<your-room> pour le Studio
  • Un second onglet, fenêtre ou appareil pour le Player

Étapes

1. Ouvrir la vue Player

Dans un nouvel onglet, allez sur timers.studio/player/<your-room>. Utilisez le même ID de room que dans l’URL du Studio. Le Player charge l’état courant depuis Supabase puis s’abonne aux mises à jour via le canal Gateway.

L’URL Player n’a pas d’authentification. Elle est conçue pour être partagée à des intervenants, à un écran de scène ou à OBS — toute personne avec le lien voit l’horloge. Pour une vue protégée, utilisez plutôt l’URL Moderator.

2. Démarrer un timer depuis le Studio

De retour dans le Studio, regardez le ControlPanel (colonne centrale). Le bouton principal affiche Play quand le timer est stoppé et Pause quand il tourne. Cliquez Play ou appuyez sur Espace. Le TimerState passe à RUNNING et le Player démarre le décompte en moins de 100 ms.

Pour arrêter, cliquez le bouton rouge Stop. Pour mettre en pause sans réinitialiser, appuyez à nouveau sur Espace.

3. Ajuster le timer en cours

Le ControlPanel propose aussi quatre boutons d’ajustement rapide :

  • +1m — ajouter 60 secondes au timer courant
  • +30s — ajouter 30 secondes
  • -30s — retirer 30 secondes
  • -1m — retirer 60 secondes

Chaque clic déclenche une action TWEAK via onAction('TWEAK', <seconds>). Le Player reçoit la nouvelle valeur d’elapsed et se re-rend immédiatement. Utile quand votre speaker a besoin d’une minute de plus, ou pour combler un creux dans le rundown.

4. Sauter entre les timers

Deux boutons flèche — Previous et Next — basculent sur le timer précédent ou suivant. Cliquer une ligne du rundown a le même effet. Les raccourcis clavier sont ← (précédent) et → (suivant).

Le Player rend toujours l’entrée active. Changer d’index, c’est changer ce qui est à l’écran.

5. Passer le Player en plein écran

Sur l’onglet Player, appuyez sur F ou bougez la souris et cliquez l’icône plein écran qui apparaît dans les contrôles d’angle. Le Player masque alors le BrandLogo (sur les plans Pro), le curseur, et tout le chrome interne — il ne reste que l’horloge nue.

Pour les sorties scène, vous voudrez généralement supprimer l’UI annexe :

  • ?hideTitle=true — masquer l’overlay titre du timer
  • ?hideMessage=true — masquer tout message actif
  • ?theme=light — forcer un thème clair, quel que soit le réglage Studio
  • ?theme=transparent — forcer un thème sombre avec fond transparent (utile pour composer dans OBS)

Combinez avec &, par exemple timers.studio/player/<your-room>?hideTitle=true&hideMessage=true.

6. Intégrer le Player dans OBS

Dans OBS, ajoutez une Source Navigateur et collez l’URL Player. Réglez la résolution (1920×1080 ou 1280×720 sont les valeurs sûres) et cochez Rafraîchir le navigateur quand la scène devient active si votre show redémarre le stream entre segments. Le Player détecte automatiquement les user agents Smart TV et Console et réduit à 90% de safe area pour éviter l’overscan — cette détection ne se déclenche pas dans OBS, le layout 100% s’applique donc.

Contrôles viewport locaux

Le Player expose un petit panneau de contrôles qui ne vit que sur l’onglet Player (pas d’effet côté Studio) :

  • Flip horizontal (flipH)
  • Flip vertical (flipV)
  • Rotation 0° / 90° / 180° / 270°
  • Safe area — default, 90%, 80%, off

Utilisez-les quand l’écran physique est monté de côté ou à l’envers, ou quand vous alimentez une TV qui rogne les bords.

Résultat attendu

Un onglet Player, un chrono en cours en sync avec le Studio. Chaque action de transport (Play, Pause, Stop, Next, Previous, tweak) se reflète sur le Player en moins de 100 ms. Chaque onglet Player ouvert sur le même ID de room affiche la même heure au dixième de seconde près, quel que soit le moment où l’onglet a été ouvert.

Dépannage

Pourquoi le Player reste bloqué à 00:00 ? Le Player arrête le décompte quand timerState n’est pas RUNNING. Vérifiez que vous avez bien cliqué Play dans le Studio, pas Pause ni Stop. Le bouton ControlPanel devient vert quand le timer tourne.

Le Player a-t-il besoin du même login que le Studio ? Non. L’URL Player est publique par design — toute personne avec le lien voit l’horloge. Le mot de passe room protège uniquement la vue Moderator.

Comment masquer le titre ou le message ? Ajoutez des paramètres à l’URL Player : ?hideTitle=true retire le titre du timer, ?hideMessage=true masque tout message actif. Vous pouvez combiner les deux.

Peut-on tourner ou retourner le Player sur un écran vertical ? Oui. Le Player expose des contrôles locaux (flipH, flipV, rotate, safeArea). Survolez le Player pour faire apparaître le panneau de contrôles puis choisissez l’orientation. Ces réglages restent locaux à l’onglet.

À lire ensuite