Průvodce AI Overlay Builder — Social Stream Ninja

Co to je

AI Overlay Builder pomáhá vytvářet překryvy HTML ze zadání. Sám není výstupní stránkou pro OBS. Použijte aiprompt.html pro tvorbu a náhled, poté použijte aioverlay.html pro výstupní stránku.

Stránka AI Overlay Builder s polem zadání, ovládáním náhledu, tlačítky simulace událostí, uložením a kartou zdrojového HTML — Před vložením překryvu do OBS zobrazte náhled a simulujte události.

1. Tvořte na stránce zadání

Otevřít aiprompt.html?session=YOUR_SESSION.
Popište, co má překryv dělat a jak má vypadat.
Použijte konkrétní zadání: rozložení, chování zpráv, barvy, časování animací a důležité typy událostí.
Použijte ovládání náhledu a simulujte chat, sledování, předplatné, dárek, raid, dar a vlastní události JSON.
Uložte překryv s jednoznačným názvem stránky.

2. Přidejte výstupní stránku do OBS

Po uložení přidejte výstupní stránku jako zdroj prohlížeče OBS. Zachovejte stejnou relaci a název uložené stránky.

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

Pokud je překryv průhledný nebo se objevuje jen při událostech, nejprve použijte simulační tlačítka tvůrce, abyste ověřili, že se dokáže zobrazit.

3. Pro rychlejší nastavení použijte šablony

Pokud rychle potřebujete něco spolehlivého, začněte šablonou a upravte ji. Tvůrce AI použijte pro konkrétnější požadavky.

Ukázkový náhled překryvu Social Stream Ninja se stylovanou zprávou chatu — Šablony jsou vhodnější pro známá rozložení; generování AI pro vlastní experimenty.

Běžná řešení

Prázdný náhled: klikněte na simulační tlačítko a zkontrolujte panel konzole.
Prázdný OBS: ověřte, že název uložené stránky a relace odpovídají tvůrci.
Nesprávné chování událostí: testujte přesný očekávaný typ události, ne pouze běžný chat.
Vygenerovaný kód nefunguje: použijte Review & polish nebo zjednodušte zadání.
Překryv funguje ve tvůrci, ale ne v OBS: otevřete stejný aioverlay.html URL nejprve v běžném prohlížeči.