Конструктор оверлеїв ШІ

Згенеруйте оверлей, перевірте його, а потім завантажте збережений результат у OBS.

Що це таке

Конструктор оверлеїв ШІ допомагає створювати HTML-оверлеї за запитом. Сам по собі він не є сторінкою для OBS. Використовуйте aiprompt.html для створення й перегляду, а потім використовуйте aioverlay.html для сторінки виводу.

Сторінка конструктора оверлеїв ШІ з полем запиту, засобами попереднього перегляду, кнопками імітації подій, засобами збереження та вкладкою вихідного HTML
Перегляньте оверлей та імітуйте події, перш ніж додати його до OBS.

1. Створіть оверлей на сторінці запиту

  1. Відкрити aiprompt.html?session=YOUR_SESSION.
  2. Опишіть, що має робити оверлей і як він має виглядати.
  3. Складіть конкретний запит: макет, поведінка повідомлень, кольори, тривалість анімацій і важливі типи подій.
  4. Скористайтеся засобами попереднього перегляду та імітуйте чат, підписку, платну підписку, подарунок, рейд, донат і власні події JSON.
  5. Збережіть оверлей зі зрозумілою назвою сторінки.

2. Додайте сторінку виводу до OBS

Після збереження додайте сторінку виводу як джерело браузера OBS. Залиште ту саму сесію та назву збереженої сторінки.

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

Якщо оверлей прозорий або з’являється лише під час подій, спочатку скористайтеся кнопками імітації конструктора, щоб переконатися, що він може відображатися.

3. Використовуйте шаблони для швидшого налаштування

Якщо швидко потрібен надійний результат, почніть із шаблону й налаштуйте його. Використовуйте конструктор ШІ, коли потрібне щось конкретніше.

Приклад попереднього перегляду оверлею Social Stream Ninja зі стилізованим повідомленням чату
Шаблони краще підходять для відомих макетів; генерація ШІ — для власних експериментів.

Поширені рішення

  • Порожній попередній перегляд: натисніть кнопку імітації та перевірте панель консолі.
  • Порожньо в OBS: переконайтеся, що назва збереженої сторінки та сесія збігаються з конструктором.
  • Неправильна реакція на події: перевірте саме очікуваний тип події, а не лише звичайний чат.
  • Згенерований код не працює: скористайтеся Review & polish або спростіть запит.
  • Оверлей працює в конструкторі, але не в OBS: відкрийте той самий aioverlay.html URL спочатку у звичайному браузері.