Самый быстрый путь: выбрать шаблон
Есть тема чата StreamElements или Streamlabs? Импортируйте собственный виджет по руководству тем чата.
Шаблоны — самый простой способ получить аккуратный оверлей без написания CSS с нуля.
Уровни настройки
| Уровень | Для чего | Где |
|---|---|---|
| Настройки шаблона | Быстрые изменения внешнего вида. | Галерея шаблонов. |
| Параметры URL | Поведение, подписи, фильтры, масштаб и ограничения. | Строка параметров URL оверлея. |
| Собственный CSS в OBS | Небольшие изменения стиля одного источника OBS. | Свойства источника «Браузер» OBS. |
| Размещённый или собственный CSS | Общие стили для нескольких оверлеев. | &css= или &b64css=. |
| Собственный оверлей | Полностью собственное поведение. | Руководство по собственным оверлеям. |
Частые параметры URL
featured.html?session=YOUR_SESSION&scale=1.1&limit=10
sessionподключает оверлей к нужной комнате чата.scaleменяет размер без переписывания CSS.limitзадаёт число видимых сообщений на поддерживаемых страницах.hidesourceскрывает подписи платформ в док-панели (dock.htmlтолько).cssиb64cssзагружают собственное оформление.
Предпросмотр перед OBS
Решение частых проблем
- В браузере выглядит правильно, а в OBS — нет: уберите собственный CSS OBS и обновите источник браузера.
- Шрифт не загружается: используйте прямой HTTPS-адрес файла шрифта и проверьте CORS и правила прямых ссылок.
- Ничего не видно: проверьте непрозрачность, цвет, фильтры и необходимость данных выбранного сообщения или события.
- Изменения URL ничего не дают: обновите источник OBS или замените URL.