Документація / Як додати оверлей в OBS

Як додати оверлей в OBS

Оверлеї з overlays.vxh.pl є звичайними вебсторінками з прозорим фоном. OBS показує їх через джерело «Браузер» (Browser Source), тому нічого встановлювати не потрібно.

Як додати в OBS крок за кроком

  1. Відкрийте overlays.vxh.pl і оберіть оверлей у списку ліворуч.
  2. Налаштуйте вигляд у панелі «Налаштування» праворуч. Попередній перегляд змінюється одразу.
  3. Під попереднім переглядом натисніть «Копіювати» біля «Посилання для Browser Source».
  4. В OBS Studio на панелі «Джерела» натисніть +, оберіть «Браузер» і дайте назву.
  5. Вставте посилання в поле «URL». Вкажіть ширину й висоту, подані під попереднім переглядом (наприклад, 1920×1080 або 640×360 для вебкамери).
  6. Підтвердьте кнопкою OK. Налаштуйте порядок: ефекти й рамки над грою та вебкамерою, екрани початку, перерви та завершення як окремі сцени.
  7. Якщо пізніше зміните налаштування, скопіюйте нове посилання й замініть його у властивостях джерела.

Запитання та відповіді

Оверлей має чорний фон замість прозорого. Що робити?

Переконайтеся, що це джерело «Браузер», а не «Захоплення вікна» чи «Зображення». У властивостях джерела видаліть власний CSS, якщо він задає фон.

Анімація не рухається або гальмує.

У властивостях джерела позначте «Вимикати джерело, коли воно невидиме», щоб невидимі оверлеї не навантажували комп’ютер, і перевірте, чи розмір джерела не більший, ніж потрібно.

Як оновити оверлей після зміни налаштувань?

Вставте нове посилання у властивостях джерела або натисніть «Оновити кеш поточної сторінки».

Чи працює це в Streamlabs?

Так. У Streamlabs Desktop додайте джерело «Browser Source» і вставте те саме посилання.

Де зберігаються мої налаштування?

Усі налаштування зберігаються в самому посиланні для OBS. Додатково їх можна зберегти під назвою на вкладці «Збережені», але цей запис є лише в пам’яті цього браузера (localStorage). На іншому комп’ютері його не буде, тому для перенесення є код поширення VXH1-.

Чи навантажує оверлей комп’ютер?

Ефекти малюються на одному canvas або в CSS і плавно працюють в OBS. Якщо у вас слабший комп’ютер, зменште повзунок «Кількість» або розмір джерела.