Chrono HTML v3 – Générateur de compte à rebours récurrent

📅 1. Jours, horaires et période

Définis les jours de live et la durée sur laquelle on génère les créneaux.

Titre du bloc

S’affiche au-dessus du compte à rebours.

Texte quand le live est en cours

Ex. “Live en direct !”, “On est en live ✨”

Jours de live récurrents (heures par jour)

Lun →

Mar →

Mer →

Jeu →

Ven →

Sam →

Dim →

Exemple : coche Mer & Ven en 09:00→11:00, et Jeu en 20:00→22:00.

Date de début de la période

Si vide, on part de la date du jour (dans ton fuseau).

Durée de la période

Les créneaux sont générés sur cette durée (ex. 8 semaines).

Fuseau horaire du streamer

Utilisé pour convertir les créneaux en UTC dans le widget.

Texte si aucun live n’est trouvé

Texte avant le chrono (hors live)

Ex : « Prochaine vidéo publiée dans », « Prochain live dans », « Le tournoi Chessmaster va commencer dans ».

Modèle de texte

Choisis un modèle, puis ajuste le texte si besoin.

Mode pause (pas de stream même les jours récurrents)

Du

Au (inclus)

Laisse vide si tu n’as pas de vacances ou de pause.

Événements uniques (anniversaire de la chaîne, sub battle, etc.)

Actif →

Coche la case pour activer un événement unique.

🎨 2. Style du widget

Personnalise l’apparence du bloc de chrono.

Couleur du texte

Couleur des chiffres

Couleur d’arrière-plan

Arrondi des coins (px)

Largeur du bloc (px)

Afficher la date/heure du prochain live

Thème rapide

Change automatiquement les couleurs ci-dessus.

📡 3. Chaîne (optionnel)

Affiche un lien vers ta chaîne sous le chrono.

Plateforme

Pseudo / identifiant

⚖️ 4. Conditions d’utilisation

Obligatoire avant la génération du code embarqué.

Je confirme avoir lu et accepté les conditions d’utilisation des outils .
(Le code généré est utilisé sous votre seule responsabilité.)

🧩 5. Génération du code

Génère le bloc HTML à copier-coller sur ton site.

Lien où se trouve le chrono (option iframe)

Si ce lien est renseigné, un code <iframe> sera généré séparément et l’aperçu utilisera un iframe. Pratique pour centraliser les mises à jour : vous ne modifiez que la page du chrono, pas toutes les pages de votre site.
Exigence : le lien doit être en https://.

Aperçu (simulation de page)

Utilisé uniquement si le lien HTTPS ci-contre est renseigné (mode iframe).

Emplacement du chrono (simulation)

N’affecte pas le code iframe : c’est uniquement pour visualiser où il serait placé sur une page.

Code à insérer sur votre site (bloc HTML / gadget HTML/JavaScript)

👀 6. Aperçu du chrono

Aperçu basé sur les mêmes données que le widget final.

Prévisualisation du chrono…