Kreator nakładek AI

Wygeneruj nakładkę, przetestuj ją, a następnie załaduj zapisany wynik w OBS.

Co to jest

AI Overlay Builder pomaga tworzyć nakładki HTML na podstawie opisu. Sam nie jest stroną do OBS. Użyj aiprompt.html do tworzenia i podglądu, a następnie użyj aioverlay.html dla strony wynikowej.

Strona AI Overlay Builder z polem instrukcji, podglądem, przyciskami symulacji wydarzeń, zapisem i kartą źródła HTML
Sprawdź podgląd i zasymuluj wydarzenia przed umieszczeniem nakładki w OBS.

1. Twórz na stronie instrukcji

  1. Otwórz aiprompt.html?session=YOUR_SESSION.
  2. Opisz, co nakładka ma robić i jak wyglądać.
  3. Podaj konkretną instrukcję: układ, zachowanie wiadomości, kolory, czas animacji i ważne typy wydarzeń.
  4. Użyj sterowania podglądem i symuluj czat, obserwacje, subskrypcje, prezenty, rajdy, wpłaty oraz własne wydarzenia JSON.
  5. Zapisz nakładkę pod czytelną nazwą strony.

2. Dodaj stronę wynikową do OBS

Po zapisaniu dodaj stronę wynikową jako źródło przeglądarki OBS. Zachowaj tę samą sesję i nazwę zapisanej strony.

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

Jeśli nakładka jest przezroczysta lub pojawia się tylko podczas wydarzeń, najpierw użyj przycisków symulacji kreatora, aby sprawdzić, czy potrafi się wyświetlić.

3. Użyj szablonów, gdy potrzebujesz szybszej konfiguracji

Jeśli szybko potrzebujesz niezawodnego rozwiązania, zacznij od szablonu i go dostosuj. Użyj kreatora AI, gdy chcesz czegoś bardziej specyficznego.

Przykładowy podgląd nakładki Social Stream Ninja z wystylizowaną wiadomością czatu
Szablony lepiej nadają się do znanych układów; generowanie AI — do własnych eksperymentów.

Typowe rozwiązania

  • Pusty podgląd: kliknij przycisk symulacji i sprawdź panel konsoli.
  • Pusto w OBS: upewnij się, że nazwa zapisanej strony i sesja odpowiadają kreatorowi.
  • Niewłaściwe zachowanie wydarzenia: testuj dokładnie oczekiwany typ wydarzenia, nie tylko zwykły czat.
  • Wygenerowany kod nie działa: użyj Review & polish lub uprość instrukcję.
  • Nakładka działa w kreatorze, ale nie w OBS: otwórz ten sam aioverlay.html adres URL najpierw w zwykłej przeglądarce.