Compte à rebours et horloge en incrustation pour OBS

Compter jusqu’au à , , .

Appuyez sur Échap pour quitter le plein écran

Comment ça marche

  1. Créez l’incrustation

    Compte à rebours, minuteur ou horloge, en « blanc sans fond » pour un fond transparent.

  2. Copiez le lien

    Touchez « Lien pour Notion » : c’est l’adresse seule dont OBS a besoin.

  3. Ajoutez une source navigateur

    Dans OBS : Sources, +, Navigateur. Collez le lien dans URL, réglez la taille, OK.

Une idée pour améliorer cet outil ?

Nous créons des outils aussi simples et intuitifs que possible, avec quelques bonus par-ci par-là. Dites-nous ce qui rendrait celui-ci meilleur.

Pas à pas dans OBS Studio

  1. Créez le widget ci-dessus. Pour une incrustation par-dessus votre vidéo, choisissez blanc sans fond.
  2. Touchez Lien pour Notion pour copier l’adresse.
  3. Dans OBS, dans le panneau Sources, cliquez sur + et choisissez Navigateur.
  4. Collez l’adresse dans le champ URL et réglez la largeur et la hauteur, par exemple 800 × 300 pour un compte à rebours.
  5. Validez, puis placez et redimensionnez la source dans la scène.

OBS remplit son champ CSS personnalisé avec une règle qui rend le fond de la page transparent. Gardez-la : avec un widget sans fond, seuls les chiffres s’affichent par-dessus votre vidéo.

Écran « Ça commence bientôt »

Un compte à rebours réglé sur votre fuseau et sur l’heure de début du live fait un écran d’attente tout simple : posez-le sur une image de fond, avec le titre « Live dans » et un message pour le zéro, comme « C’est parti ! ». Il finira à l’heure prévue, même si vous ouvrez la scène en avance.

Minuteurs en live

Pour un minuteur qui démarre dès que la scène apparaît, choisissez démarre tout seul et cochez, dans les propriétés de la source, l’option qui actualise le navigateur quand la scène devient active : à chaque passage sur la scène, le minuteur repart de la durée complète. Pour entendre la sonnerie dans le stream, activez dans les mêmes propriétés le contrôle de l’audio par OBS.

IncrustationTaille dans OBS
Compte à rebours avec titre800 × 300
Horloge dans un coin400 × 160
Minuteur600 × 300

Questions

Le fond n’est pas transparent. Pourquoi ?

Choisissez « blanc sans fond » (ou noir) dans la phrase et recopiez le lien. Vérifiez aussi que le champ CSS personnalisé de la source navigateur contient toujours la règle par défaut.

Puis-je utiliser ma propre police ?

Le widget utilise Anton pour les chiffres. Vous pouvez changer les couleurs dans l’adresse (c= et f=), pas la police.

Le minuteur repart-il quand je change de scène ?

Seulement si vous avez coché l’actualisation du navigateur quand la scène devient active. Sinon, il garde son état tant qu’OBS est ouvert.