Что это
ИИ-конструктор оверлеев создаёт HTML-оверлеи по текстовому запросу. Сам конструктор не является страницей для OBS. Используйте aiprompt.html для создания и предпросмотра, затем используйте aioverlay.html для страницы вывода.
1. Создайте оверлей на странице запросов
- Открыть
aiprompt.html?session=YOUR_SESSION. - Опишите, что должен делать оверлей и как он должен выглядеть.
- Составьте конкретный запрос: макет, поведение сообщений, цвета, время анимации и нужные типы событий.
- Используйте элементы управления предпросмотром и имитируйте сообщения чата, фолловеров, подписки, подарки, рейды, пожертвования и пользовательские события JSON.
- Сохраните оверлей с понятным именем страницы.
2. Добавьте страницу вывода в OBS
После сохранения добавьте страницу вывода в OBS как источник «Браузер». Используйте тот же сеанс и то же имя сохранённой страницы.
https://socialstream.ninja/aioverlay.html?session=YOUR_SESSION&overlay=chat-overlay
Если оверлей прозрачный или появляется только при событиях, сначала используйте кнопки имитации в конструкторе, чтобы убедиться, что он отображается.
3. Используйте шаблоны для быстрой настройки
Если нужно быстро получить надёжный результат, начните с шаблона и настройте его. Используйте ИИ-конструктор для более специфичных задач.
Решение частых проблем
- Пустой предпросмотр: нажмите кнопку имитации и проверьте панель консоли.
- В OBS ничего не отображается: убедитесь, что имя сохранённой страницы и сеанс совпадают с указанными в конструкторе.
- Неправильная реакция на события: проверяйте именно ожидаемый тип события, а не только обычные сообщения чата.
- Созданный код не работает: используйте Review & polish («Проверить и доработать») или упростите запрос.
- Оверлей работает в конструкторе, но не в OBS: откройте тот же URL
aioverlay.htmlсначала в обычном браузере.