COmmandes affichée dans overlay screen

Bonjour,

Depuis plusieurs jours, je recherche le moyen d’afficher une message sur l’overlay par le biais d’une commande.
Je m’explique:
Une commande uniquement réservée aux modérateurs (!info) permettrai d’afficher le message à la suite de cette commande en overlay (avec image en arrière-plan) pendant une trentaine de secondes.
J’aimerais donc savoir si nous avons la possibilité de placer :

  1. Le nom du modérateur écrivant le message.
  2. Le message (variable en contenu et longueur)
    Sur l’overlay Screen de wizebot.
    Merci d’avance

Bonjour,
Vous devriez pouvoir réaliser ce type d’animation avec ce script :slight_smile:

    // Récupérer les données supplémentaires
    var extraData = window.get_extra_datas();

    // Extraire le nom du spectateur et le message
    var viewerName = extraData.viewer_name;
    var fullMessage = extraData.message;

    // Nettoyer le message pour retirer le premier argument
    var messageToShow = fullMessage.split(' ').slice(1).join(' ');

    // Créer le HTML pour le bandeau
    var bannerHtml = '<div style="position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 10px; text-align: center; z-index: 1000;">' +
                     '<strong>Message de ' + viewerName + ':</strong> ' + messageToShow +
                     '</div>';

    // Afficher le bandeau
    $(".screen_div").html(bannerHtml);

    // Après 30 secondes, appeler setRefresh pour indiquer que l'animation/la commande est terminée
    setTimeout(function() {
        setRefresh(); // Notifier l'overlay que l'animation est terminée
    }, 30000);

je vais voir ça!
Merci beaucoup!

lors de l’éxécution de l’overlay cela me signale une erreur:

Bonsoir,
Cette ligne n’a pas d’impact, c’est “normal” dirons-nous :slight_smile:

Concernant le script, le déploiement d’une petite modification (le paramètre message) a pris un peu de temps aujourd’hui, je vous laisse donc réessayer.

Notez que le script fourni est basique, mais qu’il est possible de le styliser beaucoup plus, d’y ajouter des effets, etc :slight_smile:
Si vous n’avez pas beaucoup de connaissances en la matière, et si vous avez accès à ChatGPT, vous pouvez simplement lui demander de faire certaines modifications pour vous.

J’ai enfin un résultat fontcionnel :slightly_smiling_face:
Plus qu’à le rendre agréable à l’oeil et ce sera parfait;
Merci pour ce code basique, mais au combien utile!

1 Like

This topic was automatically closed 5 days after the last reply. New replies are no longer allowed.