Social Stream Ninja
Français
EnglishEspañolPortuguês (Brasil)РусскийFrançaisDeutsch日本語简体中文繁體中文ItalianoPolski한국어УкраїнськаالعربيةTürkçeČeštinaไทย

Générateur d’incrustations IA

Générez une incrustation, testez-la, puis chargez le résultat enregistré dans OBS.

Description

Le générateur d’incrustations IA crée des incrustations HTML à partir d’un prompt. Ce n’est pas en soi la page à charger dans OBS. Utilisez aiprompt.html pour créer et prévisualiser, puis utilisez aioverlay.html pour la page de sortie.

Page AI Overlay Builder avec champ de prompt, commandes d’aperçu, boutons de simulation d’événements, enregistrement et onglet de code HTML
Prévisualisez et simulez des événements avant d’ajouter l’incrustation à OBS.

1. Créer dans la page de prompt

  1. Ouvrir aiprompt.html?session=YOUR_SESSION.
  2. Décrivez le comportement et l’apparence souhaités de l’incrustation.
  3. Utilisez un prompt ciblé : disposition, comportement des messages, couleurs, durée des animations et types d’événements importants.
  4. Utilisez les commandes d’aperçu et simulez des événements de chat, suivi, abonnement, cadeau, raid, don et JSON personnalisé.
  5. Enregistrez l’incrustation avec un nom de page clair.

2. Ajouter la page de sortie à OBS

Après l’enregistrement, ajoutez la page de sortie comme source navigateur OBS. Conservez la même session et le nom de page enregistré.

https://socialstream.ninja/aioverlay.html?session=YOUR_SESSION&overlay=chat-overlay

Si l’incrustation est transparente ou n’apparaît que pendant les événements, utilisez d’abord les boutons de simulation pour vérifier qu’elle s’affiche.

3. Utiliser des modèles pour aller plus vite

Pour obtenir rapidement un résultat fiable, partez d’un modèle et personnalisez-le. Utilisez le générateur IA pour un besoin plus précis.

Aperçu d’une incrustation Social Stream Ninja avec un message de chat stylisé
Les modèles conviennent mieux aux mises en page connues ; la génération IA aux essais personnalisés.

Solutions courantes

  • Aperçu vide : cliquez sur un bouton de simulation et vérifiez le panneau de console.
  • OBS reste vide : vérifiez que le nom de page enregistré et la session correspondent au générateur.
  • Comportement incorrect des événements : testez avec le type exact d’événement attendu, pas seulement du chat normal.
  • Le code généré ne fonctionne pas : utilisez Review & polish ou simplifiez le prompt.
  • L’incrustation fonctionne dans le générateur, mais pas dans OBS : ouvrez la même URL de aioverlay.html dans un navigateur normal d’abord.