Зміст
- Крок 1: Завантаження OBS
- Крок 2: Завантаження StreamElements
- Крок 3: основна настройка StreamElements
- Крок 4: Підключення Twitch для трансляції
- Крок 5: Основні налаштування трансляції
- Крок 6: додавання останніх донатів
- Крок 7: Налаштування сцен
- Крок 8: виведення чату на стрім
- Крок 9: перший запуск трансляції
- Питання та відповіді

Крок 1: Завантаження OBS
Більшість користувачів, які читають цю інструкцію, вже мають на комп'ютері встановлену копію OBS. В такому випадку ми радимо видалити всі непотрібні сцени і джерела, щоб зайнятися чистою налаштуванням для стрімінга на Twitch. Хто ще не завантажив програму, може перейти за посиланням нижче і зробити це.
Крок 2: Завантаження StreamElements
StreamElements &8212; допоміжне програмне забезпечення, що дозволяє додати в OBS величезну кількість віджетів, що спрощують стрімінг і моніторинг поточної трансляції. Можна обійтися і без нього, але це дуже зручне рішення, що має масу переваг і різних інструментів, за замовчуванням відсутніх в OBS. Ми будемо використовувати StreamElements для виведення чату, активності на каналі та спрощення налаштування трансляції перед запуском.
Перейти до завантаження StreamElements з офіційного сайту
- Перейдіть за посиланням вище та почніть завантажувати StreamElements на свій комп'ютер.
- Поки програма завантажується, клацніть по кнопці &171;Login&187; , щоб створити обліковий запис.
- Виконайте авторизацію через Twitch &8212; це полегшить процес підключення та налаштування віджетів. Не переживайте за збереження особистих даних, оскільки це велика компанія, що має авторитет в колах стримерів і співпрацює з різними майданчиками.
- По завершенні запустіть отриманий виконуваний файл для початку інсталяції.
- Після відображення вітального вікна StreamElements перейдіть до наступного кроку.
- Програма автоматично виявляє розташування OBS на комп'ютері і вибирає місце для установки, тому змінювати його не потрібно.
- Додаткову галочку &171;OBS Studio&187; не встановлюйте, оскільки основний софт вже інстальований на ПК.
- Після завершення інсталяції зніміть галочки, відповідальні за запуск StreamElements та створення ярлика на робочому столі, оскільки ці дії не потрібні.








Якщо OBS знаходиться в занедбаному стані, закрийте її і відкрийте повторно. Н не дивуйтеся, що зовнішній вигляд трохи змінився &8212; це викликано додаванням елементів StreamElements, з чим ми далі і розберемося.
Крок 3: основна настройка StreamElements
Зараз час розібратися з основними параметрами доданого тільки що StreamElements, оскільки після інсталяції програми зовнішній вигляд і функціональність OBS зазнали невеликих змін.
- Під час першого запуску ви побачите вікно авторизації для OBS.Live, в якому повторно виберіть тип підключення через Twitch.
- З'явиться форма входу, де вкажіть дані свого аккаунта і підтвердіть авторизацію.
- StreamElements пропонує різні доповнення до потоків, які ми поки що пропустимо, оскільки вони не є обов'язковими елементами, але ви можете будь-коли повернутися до них та ознайомитися з інструментами.
- Точно так само поступите і з чат-ботом від StreamElements, який поки що не потрібен.
- Після завершення авторизації в головному вікні OBS ви побачите щонайменше чотири різних вікна, що відповідають за стрімінг. Рекомендуємо залишити тільки &171;Activity Feed&187; і &171;Chat&187; , а управління медіа і вікно інсталяції доповнень поки закрийте.
- Працювати з цими блоками та іншими функціями StreamElements можна через однойменну вкладку в головному меню, при наведенні курсору на яку з'являється список доступних вікон і налаштувань.
- Переміщайте блоки з чатом і активністю стріму в будь-яке зручне місце, формуючи оптимальний робочий простір.







Крок 4: Підключення Twitch для трансляції
Якщо ви раніше вже хотіли організувати свій стрім або дивилися уроки за цією процедурою, напевно знаєте про те, що для підключення аккаунта в OBS доводилося відкривати настройки, отримувати ключ трансляції, прив'язувати його і виконувати ще кілька інших дій. З установкою StreamElements все стає простіше, оскільки аккаунт вже підключений, і залишається тільки вибрати тип мовлення в параметрах самої програми.
- Для цього через Головне меню перейдіть до & 171; Налаштування&187; .
- У новому вікні відкрийте вкладку & 171; мовлення & 187; .
- Через випадаючий список виберіть послугу &171;Twitch&187; і натисніть на & 171; Підключіть рахунок&187; .
- Сервер вибирається автоматично, а нижче повинна з'явитися кнопка & 171; вийти з рахунку&187; , що свідчить про успішне Налаштування. Переконайтеся в цьому, застосуйте зміни і закрийте вікно.
- У головному вікні OBS тепер з'являться ще два вікна: з інформацією про трансляцію та чатом. Якщо друге можна відразу закрити, то перше стане в нагоді для зручного налаштування потоку перед запуском.
- Якщо потрібно, відкрийте вкладку & 171; Вид&187; , розгорніть &171; Док-панелі & 187; і відзначте галочками всі ті блоки, відображення яких потрібно в головному меню.






Крок 5: Основні налаштування трансляції
Поговоримо про основні властивості трансляції, що стосуються параметрів OBS. Сюди відносяться: якість виведення, бітрейт, використовуваний кодувальник і багато іншого. Розглянемо оптимальні значення з поправкою на різні збірки комп'ютерів і вимоги користувачів.
Відео
Розділимо цей етап на три частини, в кожній з яких поговоримо про важливі параметри трансляції. Перше меню відповідає за Відео, тобто картинку, що виводиться користувачам, які переглядають потік.
- В меню &171; Налаштування&187; виберіть вкладку &171; відео & 187; .
- Тут ви побачите рядок &8212; & 171; базове (основа) дозвіл&187; . Її значення повинно збігатися з використовуваним дозволом на моніторі.
- Другий рядок з вихідним дозволом відповідає за те, в якій якості будуть бачити картинку глядачі на стрімі. Для Full HD використовуйте значення 1920&215;1080 , а для HD &8212; 1280&215;720 .
- Обробка масштабування здійснюється за допомогою спеціального фільтра, і найкращим результатом в пропорції якість / споживані ресурси тут буде & 171; Бікубічний (чітке масштабування, 16 зразків)&187; .
- Останній рядок &8212; & 171; загальні значення FPS & 187; . Для ігор пріоритетно вибирати 60 кадрів в секунду, забезпечуючи плавність картинки. При розмовних або інших типах стрімів можна залишити і 30, віддавши перевагу меншому навантаженні на ПК, а не якості.





Висновок
Параметри виводу відповідають за використовуваний кодер, загальний бітрейт та пресети для самого кодера. Це найбільш важливий момент, від якого залежить якість трансляції і навантаження на залізо. Розповімо про це конфігуруванні в загальних рисах і залишимо посилання на допоміжні матеріали, які стануть в нагоді при виборі значень.
- Відкрийте розділ &171; вихід&187; і негайно перейдіть на режим & 171; розширений & 187; , вибравши цей варіант у випадаючому списку.
- За замовчуванням використовується кодер &171;x264&187; , доступний абсолютно всім користувачам. При обробці основне навантаження покладається на процесор, тому даний компонент ПК повинен бути потужним. Як альтернативу можна вибрати &171;NVENC&187; або інший кодер, який надсилає завдання для обробки на відеокарту та її модулі. Ми розглянемо перший варіант, а потім надамо посилання на статтю, де розповідається про альтернативи.
- Наступний пункт &8212; &171;управління бітрейтом & 187; . Для роботи з Twitch він повинен бути постійним, тому зупиніться на варіанті &171;CBR&187; .
- Сам бітрейт задається відповідно до встановлених раніше параметрами трансляції та іншими нюансами.
- На наступному скріншоті ви бачите фрагмент таблиці з тим, які настройки необхідно вибирати при використанні конкретних кодувальників і бажанні виведення в певній якості. Нижче ви знайдете посилання на цю офіційну статтю від Twitch, яка допоможе розібратися у всіх складнощах.
- Стандартно для всіх налаштувань інтервал ключових кадрів становить &171;2&187; , тому в меню встановіть це значення.
- Попередньо встановлений процесор у випадку кодера x264 повинен відповідати потужності вашого комп'ютера. Чим швидше передустановка, тим більше деталей пропускається при обробці і менше навантаження на саме залізо. Володарі потужних ПК можуть вибрати &171;fast&187; , а під час роботи з більш слабкими моделями знадобиться перебирати більш швидкі передустановки, оцінюючи навантаження і підсумкову картинку на трансляції.







Як і обіцяли, залишаємо допоміжні посилання з профілями Налаштування трансляції для Twitch і YouTube. Перший використовувати пріоритетно, але якщо ви робите два одночасних виведення, корисно заглянути і в матеріал від розробників відеохостингу, підібравши оптимальні параметри.
Детальніше:
правила трансляції Twitch
Налаштування відеокодера, бітрейту та роздільної здатності прямої трансляції YouTube
Що стосується перемикання на відеокодери і зміни інших параметрів при виникненні проблем з перевантаженням, радимо звернути увагу на керівництво від нашого автора, де розповідається про варіанти зниження загального навантаження на залізо.
Детальніше: виправлення помилки " кодер перевантажений! Спробуйте знизити налаштування відео " в OBS
Аудіо
З виведенням зображення розібралися, залишилося тільки налагодити аудіо, адже мовлення має захоплювати як мінімум звук з робочого столу і мікрофон.
- Відкрийте розділ &171;аудіо&187; і в блоці &171;аудіо з робочого столу&187; виберіть використовувані динаміки або монітор.
- В якості мікрофона в одному з полів теж вкажіть підключений окремо пристрій або ж мікрофон, що використовується в веб-камері.
- Не забудьте застосувати зміни, після чого можна закрити вікно &171;Налаштування&187; .



Крок 6: додавання останніх донатів
Під час налаштування StreamElements ми продемонстрували додавання допоміжних панелей з чатом і активністю, але, на жаль, ця програма поки не дозволяє Показувати останні донати, тому стримери часто відкривають їх у вікні браузера безпосередньо через DonationAlerts. Це не завжди зручно &8212; особливо коли можна вивести останні донати як окрему панель в OBS з автоматичним оновленням, що проводиться так:
Перейдіть на офіційний веб-сайт DonationAlerts
- Якщо у вас ще немає власного облікового запису в DonationAlerts, зареєструйте його і виконайте основні інструкції з наданої розробниками інформації.
- Після авторизації відкрийте меню і перейдіть розділу &171;Last alerts&187; .
- Там ви знайдете настроюється додаток з різними типами відомостей. Виберіть ті, які ви хочете бачити у віджеті, а потім запустіть його.
- З'явиться нове вікно браузера, де потрібно скопіювати посилання самого віджета.
- Тепер перейдіть до OBS, на вкладці &171;Вид&187; розгорніть &171;Док-панелі&187; і натисніть на &171;Користувальницькі доки браузера&187; .
- Введіть будь назви для дока, а в якості URL вставте отриману раніше посилання.
- Додайте до неї вираз
&token=
. - Поверніться до сайту DonationAlerts, де цього разу відкрийте &171;General settings&187; .
- Покажіть секретний маркер і скопіюйте його. Важливо нікому не показувати його, оскільки це приватна інформація.
- Вставте маркер після знака рівності у вікно налаштування док-станції браузера та застосуйте його додавання.
- Ви побачите нову панель з останніми донатами. У нас вона порожня, тому проведемо експеримент, відправивши тестове пожертвування через той же сайт.
- Як видно, дія відобразилося і показує не тільки ім'я і суму, а й текст доната, що дозволить не пропускати повідомлення від користувачів.












На нашому сайті є стаття про додавання донатів для стріму на YouTube через OBS. У ній ми показуємо, як вивести оповіщення про пожертвування прямо в трансляцію в режимі реального часу. Ця інструкція актуальна і для Twitch, тому можете ознайомитися з нею і додати відповідне джерело при налаштуванні сцени.
Детальніше: налаштовуємо донат на YouTube
Крок 7: Налаштування сцен
Налаштування сцени має на увазі додавання всіх елементів, видимих для глядачів стріму (є винятки в плані деяких джерел, але в більшості випадків їх додавання не потрібно). Розглянемо приклад створення стандартної сцени для стрімінга гри з виведенням веб-камери, а ви оптимізуйте її для своїх цілей, організувавши кадр так, як це необхідно.
- Уточнимо, що багато стримери використовують кілька сцен, управління якими відбувається через окрему панель & 8212; &171;сцени&187; . Найпростіший приклад &8212; зображення і музичний супровід з інформацією про те, що трансляція скоро почнеться, а після цього відбувається перемикання на основну сцену. Ви теж можете створити їх кілька і перемикатися в будь-який момент, але не забудьте присвоїти кожній свою назву, щоб не заплутатися.
- Далі знадобиться додати основні джерела. Для цього на відповідній панелі клацніть по значку з плюсом.
- У списку виберіть &171;захоплення гри & 187; , якщо мова йде про ігровому стрімі, або &171; захоплення екрану & 187; &8212; для відображення всього, що відбувається на робочому столі окремо взятого монітора.
- При налаштуванні захоплення гри краще відразу запустити її, щоб вказати в якості режиму &171; захоплення окремого вікна & 187; процес застосування. Це вікно з параметрами з'явиться після додавання нового джерела.
- Екран або вікно гри тепер відображається у вікні попереднього перегляду OBS, що дає можливість зрозуміти, яку конкретно картинку спостерігають глядачі на трансляції.
- Додамо ще одне джерело &8212; & 171; пристрій захоплення відео&187; для веб-камери.
- Змініть розмір веб-камери у вікні попереднього перегляду та перемістіть її у відповідне місце. Якщо вона вже підключена і нормально працює, ви побачите своє обличчя.
- Під час налаштування камери можна вибрати значення &171; користувацьке&187; для параметра &171;роздільна здатність/Частота кадрів&187; . Так з'являться додаткові функції, що дозволяють самостійно задати вихідний дозвіл і частоту кадрів для веб-камери, якщо це потрібно.
- Точно так само здійснюється додавання і інших джерел, наприклад зображення. Вам потрібно вказати сам файл у вікні &171; властивості&187; , після чого він буде виведений як новий шар.
- Керуйте його розміром і пересувайте в будь-яку область, регулюючи кадр для комфортного перегляду.










З рештою джерел, що підтримуються в OBS, все так само. Вище ми вже говорили про додавання сповіщень про донати &8212; воно теж виводиться як джерело. Вам слід вибрати тип &171;Браузер&187; і вставити посилання, яка розміщена на сайті DonationAlerts в розділі про донати. Втім, це все ви дізнаєтеся зі згаданої статті про налаштування доната на YouTube.
Крок 8: виведення чату на стрім
Розберемо ще один важливий процес, що дозволяє вивести чат прямо на стрім. Це дозволить глядачам, які не читають чат на сайті, бути в курсі останніх повідомлень. Такий же підхід корисний, коли стрім ретранслюється ще й на інші майданчики і глядачі просто не можуть зайти на Твіч для читання чату. Додавання джерела відбувається за допомогою спеціального сайту.
Перейдіть на офіційний веб-сайт Restream
- Перейдіть за посиланням вище, не завантажуйте додаток, а виконайте реєстрацію на сайті Restream.
- Після входу в аккаунт знадобиться прив'язати свій канал на Twitch, для чого натисніть відповідну кнопку.
- У новій вкладці виберіть стрімінговий сервіс і підтвердіть прив'язку.
- У меню Restream перейдіть до розділу &171;Чат&187; .
- Можете спробувати додати стандартне джерело, скопіювавши посилання.
- Перейдіть до OBS і виберіть джерело &171;Браузер&187; за аналогією з додаванням сповіщень про донати.
- Вкажіть для нього оптимальну назву і підтвердіть додавання.
- Через вікно &171;властивості&187; вставте скопійоване посилання і задайте розміри блоку, якщо не хочете змінювати його потім вручну.
- Як видно, чат виведений, але його стандартні настройки підходять не всім, тому пропонуємо змінити їх за допомогою тієї ж функціональності сайту Restream.
- Поверніться до попередньої сторінки у веб-переглядачі та натисніть на &171;відкрити в браузері&187; .
- Форму, що З'явилася, можна використовувати для відправки тестових повідомлень, перевіряючи їх оформлення в OBS.
- Вони приходять відразу ж, тому можете просто переключитися між вікнами і переконатися в нормальній роботі Програми.
- Однак зараз нас цікавлять зміни для чату, що здійснюються через розділ &171;Налаштування&187; .
- Перейдіть до категорії & 171; зовнішній вигляд&187; .
- Перейдіть до розділу & 171; Вставка в стрім & 187; .
- Тепер можна вибрати одну з тим під оформлення різних ігор, відрегулювати вирівнювання, масштаб і прозорість фону. Присутніх налаштувань цілком достатньо для того, щоб абсолютно кожен стример зміг коректно налаштувати виведення повідомлень на екран, до того ж всі зміни відображаються у вікні попереднього перегляду.
- Знову скопіюйте вже нове посилання для вставки в стрім.
- Поверніться до OBS, виберіть джерело &171;Браузер&187; , двічі клікнувши по ньому лівою кнопкою миші.
- Змініть посилання та збережіть зміни.
- Новий блок з чатом з'явиться тут же, і можна завершити цей етап конфігурації.




















Існують і інші методи виведення чату на стрім за допомогою спеціальних сайтів і окремих програм &8212; інформацію про це ви без зусиль знайдете в Інтернеті. Ми ж навели як приклад найпопулярніший і зручний веб-сервіс, який відмінно справляється зі своїм завданням і підходить для рестрімів.
Крок 9: перший запуск трансляції
Всі налаштування виконані, а це означає, що прийшов час запустити пробну трансляцію і упевнитися, чи все добре працює або потрібно змінити конкретні параметри. Залишиться здійснити всього три два простих кроки, після чого відкрити стрім і перевірити виведення зображення.
- На панелі &171; інформація про трансляцію&187; введіть основну інформацію в кожному блоці, щоб не займатися цим безпосередньо через Twitch.
- Натисніть кнопку &171;Start Streaming&187; , ніякі додаткові зміни і параметри виставляти не потрібно, оскільки раніше ми встановили корисний додаток StreamElements.
- Відкрийте свій же канал в Twitch і переконайтеся в тому, що ефір успішно запущений і картинка виводиться в нормальній якості і без затримок. Для перевірки звуку рекомендується подивитися стрім і через мобільний пристрій, оскільки у всіх людей різні динаміки і навушники.



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