Перенесення донат-віджетів зі Streamlabs у StreamElements

Що врахувати перед перенесенням

Streamlabs і StreamElements використовують різні панелі керування та по-різному зберігають налаштування. Тому повне перенесення донатних віджетів однією кнопкою зазвичай неможливе. Безпечний варіант — зберегти параметри вручну, створити нову схему в StreamElements, перевірити її окремо і лише потім замінити джерела в OBS.

Старі віджети не зникнуть одразу. Якщо залишити джерела браузера Streamlabs в OBS, вони продовжать працювати, поки ви їх не видалите, не вимкнете або не заміните. Це дозволяє підготувати нову систему без ризику залишитися без алертів під час найближчої трансляції.

Перед початком визначте, які функції справді використовуються на каналі:

• донатна сторінка та посилання для глядачів;
• алерти про донати, підписки, фоловерів та інші події;
• цілі збору, список останніх подій, чат і додаткові елементи;
• тексти повідомлень, зображення, GIF-анімації, звуки та CSS;
• посилання в профілі, командах чат-бота, описі трансляції та соціальних мережах.

Не підключайте обидві системи до одних і тих самих подій без потреби. Якщо частина повідомлень надходить у Streamlabs, а частина в StreamElements, одна подія може з'явитися двічі. Заздалегідь виберіть, який сервіс буде основним для нових донатів і алертів.

Збережіть налаштування Streamlabs

Відкрийте кожен віджет Streamlabs, який використовується, і зафіксуйте його параметри. Зробіть скриншоти всіх вкладок, а текстові значення додатково скопіюйте в окремий документ. Зберігайте не лише зовнішній вигляд, а й умови показу: вони часто знаходяться окремо від шрифту, кольорів і анімації.

Для алертів запишіть тип події, текст повідомлення, тривалість, положення на екрані, розміри елементів, налаштування вхідної та вихідної анімації. Окремо збережіть шрифт, розмір і колір тексту, колір фону, відступи, вирівнювання та порядок відображення імені відправника і повідомлення.

Якщо різні події оформлені по-різному, збережіть налаштування кожного варіанта. Перевірте мінімальну суму донату, затримку, фільтри, відображення анонімних повідомлень, обмеження довжини тексту та умови, за яких алерт не показується. Назви параметрів у новому редакторі можуть відрізнятися, тому важливі самі значення та призначення налаштування.

Завантажте файли, які використовуються в оформленні: зображення, GIF, аудіо та фрагменти CSS. Якщо файл завантажено лише в Streamlabs, він не з'явиться в новому віджеті автоматично. Розкладіть матеріали по папках і підпишіть призначення кожного файлу, щоб не переплутати звук донату з музикою для підписки чи фоловера.

Збережіть чинні URL джерел браузера та назви сцен OBS. Якщо в сценах кілька джерел Streamlabs, запишіть, за що відповідає кожен: алерт, ціль збору, список подій чи чат. Старі адреси знадобляться для повернення до робочої версії.

До початку перенесення зафіксуйте поточні значення цілей: назву, загальний ліміт, зібрану суму, валюту та дату закінчення. Зробіть окремий скриншот прогресу. Історія платежів і поточне значення цілі не стають частиною нового акаунта автоматично.

Перевірте імпорт та експорт

Перед ручним налаштуванням відкрийте редактор StreamElements і перевірте, чи є у вашій версії інтерфейсу пункти Import або Export. Така можливість може стосуватися оформлення, створеного всередині StreamElements, а не повного перенесення зі Streamlabs. Наявність кнопки експорту не означає, що у файл потраплять донатна історія, платіжні дані або джерела OBS.

Якщо редактор дозволяє експортувати overlay, спочатку збережіть резервну копію вже створеного оформлення StreamElements. Якщо доступний імпорт сумісного файлу або шаблону, використовуйте його лише після перевірки формату. Файл, вивантажений зі Streamlabs, не слід завантажувати в StreamElements, якщо інтерфейс прямо не вказує на сумісність.

Експорт може зберегти структуру сцени, положення елементів, текстові налаштування або код користувацького віджета. Водночас зображення, звуки, зовнішні посилання та CSS можуть вимагати окремого завантаження. Після імпорту перевірте кожен елемент у редакторі, а не обмежуйтеся тим, що сцена відкрилася без повідомлення про помилку.

Якщо сумісного імпорту немає, використовуйте збережені скриншоти та список параметрів. Це довше, але дозволяє зрозуміти, яке налаштування перенесено, а яке залишилося в старій системі.

Налаштуйте акаунт і донатну сторінку StreamElements

Увійдіть у StreamElements через той акаунт стримінгової платформи, на якому знаходиться потрібний канал. Перед налаштуванням перевірте ім'я каналу та підключені права. Якщо відкрити сервіс під іншим профілем, нові віджети можуть зберегтися не там, де ви їх очікуєте.

У розділі, пов'язаному з підтримкою каналу та виплатами, налаштуйте доступний спосіб отримання донатів. Сервіс може попросити підтвердити дані або заново вказати платіжні параметри. Зробіть це до публікації нового посилання і перевірте валюту, мінімальну суму, можливість анонімного донату та правила відображення повідомлень.

Донатне посилання StreamElements відрізнятиметься від посилання Streamlabs. Історія переказів, очікувані виплати та параметри старої сторінки не стають частиною нового акаунта автоматично. Не закривайте стару сторінку одразу, особливо якщо є незавершені виплати або глядачі вже використовують попередню адресу.

Поки нова форма не перевірена, залиште старе посилання в профілі. Відкрийте сторінку StreamElements з боку глядача і переконайтеся, що вона веде на правильний канал, показує потрібну валюту і приймає повідомлення. Для перевірки використовуйте доступний тестовий спосіб або мінімально ризикований варіант, а не випадковий реальний переказ.

Створіть алерти та інші віджети

У StreamElements overlay зазвичай означає одну загальну сцену або полотно, а не окремий віджет. Усередині такого overlay розміщуються елементи: алерти, ціль, список останніх подій, чат та інші блоки. Тому спочатку створіть загальний overlay для потрібної сцени OBS, а потім додайте до нього окремі елементи.

Якщо у вас кілька сцен з різними наборами віджетів, створіть для них окремі overlay або окремі посилання лише там, де це справді потрібно. Не робіть окремий overlay для кожного алерта без причини: така схема ускладнює заміну джерел і підвищує ризик підключити один елемент кілька разів.

Для алерта перенесіть такі параметри:

• типи подій, які мають запускати повідомлення;
• текст заголовка і повідомлення, включно зі змінними імені, суми та коментаря;
• тривалість показу, затримку, порядок появи та умови приховування;
• шрифт, розмір, накреслення, колір, вирівнювання та відступи;
• розмір і положення зображення або GIF;
• вхідну та вихідну анімацію, швидкість і спосіб зникнення;
• мінімальну суму, фільтри, обмеження повідомлень і окремі варіанти оформлення;
• звук події, гучність і спосіб відтворення.

Для цілі збору перенесіть назву, загальну суму, валюту, термін закінчення, підписи, вигляд прогресс-бару, кольори та положення. Для списку останніх подій перевірте кількість рядків, порядок сортування, типи подій, що відображаються, довжину імені та формат суми. Для чату окремо збережіть розмір області, фон, прозорість, шрифт, затримку та правила показу повідомлень.

Завантажте зображення та звуки, які були збережені зі Streamlabs. Якщо CSS використовує посилання на зображення або шрифти, збережіть не лише сам код, а й усі зовнішні адреси. Скопіюйте CSS у призначене поле StreamElements без змін, а потім перевірте результат. Селектори та структура HTML у нового віджета можуть відрізнятися, тому частина правил може потребувати адаптації.

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

Після збереження оновіть попередній перегляд. Переконайтеся, що CSS не приховує текст, зображення не перекриває повідомлення, а алерт не виходить за межі полотна. Перевірте довге ім'я, багаторядковий коментар, велику суму та спеціальні символи.

Перенесіть поточну суму цілі вручну

Назва цілі та загальний ліміт не означають, що в StreamElements автоматично з'явиться вже зібрана сума. Відкрийте збережений скриншот або актуальну статистику Streamlabs і запишіть поточний прогрес, цільову суму та валюту. Якщо збір триває, зафіксуйте дату й час, щоб не втратити нові донати під час перенесення.

Створіть у StreamElements нову ціль з тією самою назвою, загальним лімітом і терміном закінчення. Потім знайдіть у налаштуваннях цілі або віджета поле, яке відповідає за початкове чи поточне значення прогресу. Назва поля може відрізнятися залежно від версії інтерфейсу. Вкажіть суму, зібрану в старій системі, і збережіть зміни.

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

Після збереження порівняйте новий віджет зі старим: перевірте число, відсоток, підпис, валюту та дату закінчення. Якщо прогрес відображається неправильно, виправляйте ціль у StreamElements, а не розміри джерела в OBS. Коли результат збіжиться, запишіть назву або ідентифікатор цілі в робочий документ.

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

Замініть джерела в OBS без конфліктів

Спочатку створіть тестову сцену або використайте копію робочої сцени. Це дозволить перевірити нове посилання, не змінюючи основний ефір. Скопіюйте URL overlay зі StreamElements, а потім виконайте такі дії:

1. Відкрийте потрібну сцену в OBS і додайте нове джерело Browser Source.
2. Дайте йому зрозумілу назву, наприклад «SE — алерти та ціль», щоб не переплутати його зі старим джерелом.
3. Вставте URL StreamElements у поле адреси.
4. Вкажіть ширину та висоту, що відповідають полотну сцени OBS.
5. Перевірте положення, видимість і порядок джерела в списку шарів.
6. Збережіть джерело і дочекайтеся завантаження overlay.
7. Тимчасово вимкніть видимість старого джерела Streamlabs у цій сцені.
8. Запустіть тестові події та переконайтеся, що повідомлення з'являється лише один раз.

Не додавайте нове джерело поверх старого і не залишайте обидва джерела видимими під час перевірки. Інакше один донат може одночасно показати два алерти. Якщо старе джерело потрібне як резерв, перейменуйте його з поміткою «старий» і тримайте прихованим.

Перевірте, чи не підключено один і той самий overlay у кількох сценах, які одночасно відображаються через групи, студійний режим або додаткові композиції. Одне й те саме джерело в різних місцях може призвести до повторного показу повідомлення.

Якщо overlay не завантажується, перевірте URL, підключення до інтернету, розмір джерела та вибрану сцену. Спробуйте оновити Browser Source. Не змінюйте CSS і розміри одночасно із заміною посилання: за однієї правки простіше зрозуміти причину помилки.

Після перевірки тестової сцени додайте нове джерело в інші сцени. Для кожної сцени окремо переконайтеся, що старий Browser Source прихований або видалений, а новий знаходиться в потрібному місці.

Перевірте події та звук

Використовуйте тестові події в налаштуваннях StreamElements для кожного підключеного типу повідомлень. Перевірте донат, підписку, фоловера, зміну цілі та інші події, які справді використовуються на каналі. Одного тесту алерта недостатньо: різні події можуть запускати різні тексти, зображення та звуки.

Перевіряйте результат у двох місцях: у попередньому перегляді StreamElements і безпосередньо в сцені OBS. Оцініть положення тексту, читабельність повідомлення, гучність, роботу анімації та відсутність повторного показу. Окремо протестуйте довге повідомлення, незвичайні символи та велику суму.

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

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

Якщо повідомлення глядача виводиться на екран, перевірте фільтрацію небажаних символів і можливість приховати некоректний текст. Порівняйте тривалість показу з попереднім налаштуванням: занадто короткий алерт глядачі можуть не встигнути прочитати, а занадто довгий перекриє частину сцени.

Замініть донатні посилання

Коли нова сторінка, алерти, ціль і звук перевірені, оновіть посилання в усіх місцях, де його бачать глядачі:

• опис каналу та панелі профілю;
• закріплені повідомлення та команди чат-бота;
• опис трансляції та шаблони анонсів;
• профілі соціальних мереж і сторінки спільноти;
• відеоролики, публікації та інші матеріали, де вказана стара форма.

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

Спочатку оновіть основний профіль і закріплене повідомлення, потім відкрийте канал з боку глядача. Перевірте, що нове посилання веде на потрібну сторінку, а стара адреса більше не вказана в помітному місці. Після цього змініть інші платформи.

Не закривайте стару донатну сторінку одразу. Вона може залишатися в старих публікаціях, а у глядачів можуть бути незавершені перекази. Коли нова форма перевірена й основні посилання оновлені, повідомте аудиторію про перехід окремим постом або повідомленням на трансляції.

Перші ефіри після перенесення проводьте з відкритими панелями StreamElements і OBS. Якщо подія не з'явиться або алерт спрацює неправильно, ви швидше зрозумієте, що проблема в донатній формі, обробці події, overlay чи джерелі браузера.

Збережіть резервну схему

Не видаляйте старі джерела Browser Source одразу після заміни. Залиште їх прихованими в сцені або збережіть окрему копію колекції сцен. Також тримайте резервну копію налаштувань Streamlabs, файлів оформлення, CSS, звуків, зображень і списку старих URL.

Якщо новий overlay перестав завантажуватися, тимчасово приховайте його і поверніть старе джерело. Якщо проблема лише в одному елементі, не замінюйте всю сцену: перевірте URL, видимість, розмір джерела, налаштування події та підключений overlay.

Після кількох перевірених трансляцій можна видалити непотрібні джерела з робочої колекції. Архів краще зберегти окремо. Він знадобиться, якщо потрібно буде відновити попереднє оформлення, порівняти параметри або повернути частину елементів.

Короткий порядок дій

1. Складіть список донатної сторінки, алертів, цілей та інших віджетів Streamlabs.
2. Збережіть скриншоти, тексти, CSS, зображення, звуки, поточні значення цілей і старі URL.
3. Перевірте доступні функції імпорту та експорту, не розраховуючи на повне перенесення зі Streamlabs.
4. Підключіть правильний канал у StreamElements і налаштуйте донатну сторінку.
5. Створіть загальний overlay для сцени і вручну перенесіть алерти та інші елементи.
6. Завантажте звуки та зображення, вставте CSS, перевірте умови показу і зовнішній вигляд.
7. Створіть ціль і вкажіть поточний прогрес вручну, якщо це підтримується інтерфейсом.
8. Додайте нове джерело Browser Source у тестову сцену OBS, не видаляючи старе.
9. Перевірте події, звук, положення елементів, довгі повідомлення та відсутність дублів.
10. Замініть посилання в профілі, боті, описах і соціальних мережах.
11. Проведіть кілька ефірів з резервною схемою і видаляйте старі джерела лише після перевірки.