Як налаштувати чат на Твічу поверх гри. Установка і настройка Restream Chat для twitch, YouTube і periscope

Безліч стрімів на Ютуб важко уявити без чату, де користувачі діляться своїми думками, обмінюються думками, висловлюють побажання і критику. При цьому організація такого чату може стати істотною проблемою, оскільки багато хто з стримеров не в достатній мірі знайомі з відповідним інтерфейсом YouTube (а також інтерфейсом релевантної програми для створення стрімів «Open Broadcasting Software»). Для того щоб навчитися перейдіть на відповідну статтю. А в цьому матеріалі я постараюся допомогти користувачам, і докладно розповім, як організувати чат для стріму на Ютуб, і які інструменти нам в цьому допоможуть.

Організації чату в Стрімі на своєму каналі Ютуб має на увазі, що ви вже маєте налаштований раніше стрім в ваш обліковий запис, а також встановлену на ПК програму «OBS», яка пов'язана з вашим аккаунтом на Youtube.

Організація чату на Ютуб проходить наступним чином:

  • Активація чату в вашому каналі на Ютуб і отримання відповідного посилання на чат;
  • Додавання в «OBS» джерела «BrowseSource», в налаштування якого вводиться отримана нами посилання;
  • Перехід на зовнішній ресурс chatv2.septapus.com, де розташований «Chat v2.0 Style Generator», завдяки якому відбувається налаштування чату і копіювання даних CSS;
  • Вставка зазначених даних СSS в відповідне вікно програми «OBS» (зовнішній вигляд чату змінюється за потрібне нам чином).

При цьому зауважу, що даний спосіб більш актуальне ніж інші аналоги, так як для багатьох зовнішніх чатів, які необхідно завантажити та встановити на ПК, необхідне джерело в «OBS», званий «CLR-browser», який в останніх версіях OBS відсутня, будучи замінений на «BrowseSource».

Використовуємо можливості «OBS» і «Youtube» для створення чату

Як створити чат для стріму на YouTube

Отже, щоб сформувати чат для стріму, рекомендую виконати наступне:


Тепер перейдіть в програму «OBS», і в головному вікні створіть нове джерело, натиснувши на плюсик, вибравши «BrowseSource».

Виберіть «BrowserSource» в джерелах «OBS»

Відкриється вікно створення нового джерела, назвіть його «Чат» і натисніть на «Ок», відкриється вікно налаштувань джерела. У графу «URL» вставте раніше отриману на Ютуб посилання, і натисніть на «Ок».

У вікні з'явиться вікно чату, але воно буде досить грубуватого зовнішнього вигляду, та ще з білим фоном, асинхронним з чорним фоном самого екрану. Як же змінити ситуацію? Звернемося до можливостей сайту chatv2.septapus.com.

Як завантажити чат для стріму

Можливості сайту chatv2.septapus.com дозволяють зробити гнучку настройку вашого чату на Ютуб, а також візуально перевірити, як цей чат буде виглядати на вашому каналі. Після здійснення всіх установок МП (як їх зробити я опишу в наступному розділі), необхідно буде перейти в самий низ сторінки даного сайту, і скопіювати код, розташований в полі під назвою «CSS».

Потім необхідно буде перейти в «OBS», навести курсор на створений нами раніше джерело під назвою «чат», натиснути праву кнопку миші, і вибрати «Властивості». У вікні, необхідно буде знайти поле «CSS», видалити його наявне вміст, а потім вставити туди код CSS, який ми раніше скопіювали на сайті chatv2.septapus.com.

Налаштування чату для стріму

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

Зокрема, установки МП поділяються на «Fonts» (шрифти), «Avatars» (аватари), «Channel names» (імена каналів), Messages (повідомлення), «Timestamps» (відмітки про час відправки повідомлень), «Backgrounds» ( задній фон), SuperChat / Fan Funding / Sponsors (Суперчат / Пожертвування, Спонсори), Animation (Анімація), і, власне, CSS (мова опису зовнішнього вигляду нашого чату).

Відповідно, ви можете змінювати розміри букв (size), вибирати різні шрифти (fonts) для відображення тексту, кольору даних шрифтів і так далі.

Після вибору необхідних налаштувань не забудьте скопіювати код CSS, і перенести його в програму «OBS», як я вже згадував вище.

висновок

В даній статті мною було розглянуто спосіб, як створити для спілкування чат для стріму на Ютуб, і яка послідовність дій для організації даного чату. Звертаю увагу читача на те, що всі візуальні налаштування чату виробляються на сайті chatv2.septapus.com, а отриманий звідти CSS-код вставляється у відповідне поле налаштувань програми «OBS». Скористайтеся наведеними мною способом, і зазначений чат буде радувати вас своїм функціоналом протягом багатьох виконаних вами трансляцій.

Вконтакте

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

Після скачування архіву розпаковуємо його в папку, папку називаємо, наприклад, назвою самої програми TwoRatChat

В папці шукаємо файл TwoRatChat.Main, клікаєм по ньому 2 рази, якщо ви все зробили правильно запуститься вікно програми.

TwoRatChat

  1. Натискаємо праву кнопку миші по вікну програми вибираємо пункт «Додати джерело чату:»
  2. Вибираємо в пункті «Джерело чату:» -\u003e http://www.twitch.tv/
  3. В поле Нік стримера: пишемо нік який ви використовуєте на Twitch
  4. Йдемо в налаштування ставимо галочку навпроти пункту «Поверх всіх вікон:»

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

Тестуємо чат, заходимо на Твіч, йдемо на свій канал пишемо в чат довільне повідомлення, працює.

Детальне налаштування не викличе у Вас труднощів програма російською мовою варто згадати лише як саме проводити візуальну настройку програми:

  1. Натискаємо праву кнопку миші по полю чату вибираємо «Дизайнер скінів (альфа) ...»
  2. У вікні натискаємо по слову «Скін»
  3. Вибиваємо пункт «Новий дизайн на основі шаблону»
  4. В поле «Template:» вибираємо «TwoRatChat default template» і тиснемо «Open and edit»
  5. Налаштовуємо як вам потрібно там все російською мовою

OBS Studio

Щоб додати до OBS Studio можна скористатися 2 способами:

Спосіб 1-й

TwoRatChat

  1. Кількома по полю програми правою кнопкою миші і вибираємо «Налаштування».
  2. В налаштуваннях натискаємо по синій кнопці поруч з пунктом «Зберігати чат як картинку».
  3. Вказуємо шлях до файлу, наприклад, на робочий стіл, вказуємо назву, наприклад, чат.

Додаємо в OBS Studio

  1. запускаємо програму
  2. Натискаємо по полю джерела правою кнопкою миші і вибираємо «Додати» -\u003e «Зображення»
  3. У властивостях джерела зображення тиснемо кнопку «Огляд» і вибираємо наше збережене зображення
  4. Тепер можна розмістити чат в будь-якому місці на Стрімі

× Інформація!  У зв'язку з блокуванням IP адрес Amazon Роскомнадзором, на деяких провайдерів не відкривається сайт.

Ведення онлайн-трансляції комп'ютерної гри на увазі вивід чату з глядачами і передплатниками. Новим поколінням чату для стримерів можна вважати програму Restream Chat, Яка взаємодіє з такими популярними стрімерскімі майданчиками, як twitch і YouTube. На первинне налаштування чату в цій програмі доведеться витратити трохи часу.

Restream Chat - спосіб установки

Щоб почати установку і настройку чату, для початку потрібно зареєструватися на найвідомішому сервісі для стримерів -.

Реєстрація проста, як і на всіх інших сайтах. Після реєстрації, підтвердіть її на своїй поштовій скриньці, так вам будуть доступні всі функції сайту. Тепер ви потрапили в меню управління своїм. Тут вам доступно більше 30 методів стрімів, в тому числі найпопулярніші Twitch і YouTube. Тепер потрібно завантажити Restream Chat на цьому сайті і приступати до налаштування.

Завантаження Restream Chat і попередня настройка

Налаштування чату починається з додавання каналу, на якому ви збираєтеся стрім - Twitch і YouTube або інші майданчики.

1. Додаємо канал і викачуємо Restream Chat. Для цього йдемо у вкладку «Чат».

2. Щоб підключити чат до сервісів Twitch і YouTube, підключені канали до РЕСТРО повинні бути включені, перемикачі в положенні «On»

3. Запускаємо чат. Тепер ви можете спостерігати лічильник підключених глядачів «цифра 1» і сервісів «цифра 2», настройки «цифра 3», вибір на якому майданчику (нижній блок) відповісти і багато інших додаткових можливостей.

Налаштування програми Restream Chat на PC

Першою вкладкою в розділі налаштувань програми є вкладка «Accounts», Де виконується вхід в обрану майданчик. Захід в акаунт саме в цьому розділі дасть можливість відповідати своїм глядачам, інакше ви будете тільки переглядати повідомлення, без можливості відповідати.

У вкладці «Filters»  вказуються слова, які будуть автоматично блокуватися системою, відповідно, стример їх не побачать. Потрібні слова вказуються в полі «Filter words», також можна вказувати і словосполучення.

  1. Можна зробити так, щоб зазначені слова позначалися зірочками, це галочка «Don`t delete message. Replace bad word with asterisks ».
  2. Можна залишити повідомлення в первісному вигляді, стримеру вони не будуть видні (в самій програмі) - це галочка «Hide message in App Window».
  3. Приховати повідомлення на web сайті і на самому Стрімі галочка - «Hide message in Web UI»

Є опції відображення особистих повідомлень. За це відповідає поле «Whisoer display». При вказівці маркера в поле «Show in App Window» вони будуть відображені у вікні програми, у другому випадку «Show in Web UI» вони будуть видні всім на Стрімі і web сайті.

Що стосується поля «Permission», То там можна вибрати майданчик або певного користувача, повідомлення якого будуть показуватися в вікні програми або ж на Стрім. Це поле для визначення дозволів. Наприклад, в «Platforms» вибирається youtube а в «Permissions» виставляються галочки на «Message in app window», «Message in web UI» і Post Images, відповідно, повідомлення будуть показуватися і в програмі і на сайті (Стрімі), також будуть показуватися надіслані зображення. Це потрібно для того, що б наприклад приховати настирливого користувача для цього:

  1. Вибираємо платформу з якої пише користувач в «Platforms»;
  2. Вписуємо його нік в колонці «Users and groups» в поле «Username»;
  3. І приховуємо його наприклад тільки з вікна програми знімаючи галочку з пункту «Message in app window», щоб він не став діставати вас під іншим ніком.

Відображення чату налаштовується під вкладці «Appearance».

  1. Для відображення чату поверх всіх вікон ставиться прапорець «Windows always on top», тепер можна буде бачити повідомлення під час гри.
  2. «Enable transparency» активує настройки прозорості вікна програми і повідомлень доступних під пунктом «Opacity» і також активує опцію «Click-through window».
  3. «Use GPU (not recommended)» встановлюється тоді, коли чат гальмує - в цьому випадку обробляти його буде відеокарта, але розробники не рекомендують це робити.
  4. «Show in taskbar» - відображення іконки програми в taskbare.
  5. «Show viewers counter» - показати кількість глядачів.

Наступний розділ «Click-Through Mode» дозволяє управляти чатом тільки після натискання кнопки «Ctrl» (або будь-який інший клавіші яку ви задасте, запам'ятайте її інакше просто не потрапите в налаштування програми), чат не буде реагувати на натискання.

Наступне поле «Opacity» регулює прозорість вікна і повідомлень - це повзунки «Window» і «Message». Останнє поле «Font Size» регулює розміри шрифту повідомлень, никнеймов і часу.

У вкладці «Notifications» вибирається гучність звуку повідомлення. Користувач вибирає звук для повідомлення на своєму комп'ютері або з поставляються разом з програмою в папці Документи → RestreamChat → Sounds. Якщо Ви вибрали свою мелодію задайте їй максимальну тривалість за допомогою повзунка «Idle time»

  1. Перша галочка «Notify about new message» встановить повідомлення на кожне повідомлення,
  2. «Notify if my nickname mentioned in message» - тільки при згадуванні ника користувача.
  3. «Notify on keyword» - при згадці ключового слова.
  4. Остання галочка в полі «Text to speech» ставиться для перетворення тексту в голосову мова.

Що стосується вкладки «Embed chat in stream», То в ньому є посилання, скопіювавши яку, можна буде вмонтувати чат в окремий сайт і на стрім. Можна в поле «Settings» вибрати:

  1. «Theme» - тему чату.
  2. «Message background opacity» - прозорість вікон повідомлень.
  3. «Chat background opacity» - прозорість заднього фону.
  4. «Scale» - масштаб повідомлень.
  5. «Hide message after» - час зникнення повідомлень, що надійшли (0 секунд - повідомлення не будуть зникати).

Під «Bot»  мається на увазі автоматична реакція на запит користувача.

1. Перший прапорець «Enable bot» включить бота.
2. Другий прапорець «Enable message relay between all chats» дасть можливість посилати повідомлення в усі чати.
3. Прапорець «Voice commands recognition» призначений для активації бота по голосовим командам.

Налаштування бота виглядає так:

  1. Натискається кнопка «New Action».
  2. Якщо в першому полі «Action Type» за замовчуванням буде вибрано Send Message, це означає відправку повідомлення після відправки кодового слова від користувача.
  3. У другому полі «Description for! Help» вказується опис команди (опис робиться виключно для себе, що буде означати дана дія).
  4. У «Message text» - виводиться повідомлення в чат.
  5. Справа, в «Triggers and conditions» вказується частота відображення цього повідомлення. Це повзунок «Repeat».
  6. В поле «Chat command» встановлюється сама команда (вказуйте з символом "!", Що б уникнути плутанини).
  7. В поле «Voice command» голосове повідомлення.
  8. «Trigger on keyword» вказується слово на яке теж буде спрацьовувати команда (враховуйте регістр букв, так слово "привіт" і "Привіт" для бота 2 різних слова)

В поле «Action Type» можна вказати «Send random text from the list» - повідомлення буде рандомних, тобто, вибиратися із зазначеного списку випадковим чином (можна використовувати для вітання наприклад: привіт бро, привіт Піпл, Ганю хай бро і т.д , а якщо вказати привіт% nick% то бот ще вкаже і нік того хто вітався). Текст також може братися з текстового файлу «Send text file content». За відправку від користувача команди або ключового слова може відкриватися скрипт, посилання або програма - «Run application / script or URL».

Вкладка «Web server (deprecated)»  присутній розширена кастомизация чату, тобто, можна вибрати:

  1. «Message show» - ефект появи тексту.
  2. «Message hide» - ефект зникнення тексту.
  3. «Message alignment» - напрямок появи повідомлень (зверху чи знизу).
  4. «Hide message after» - час зникнення тексту.
  5. «Max messages» - ліміт кількості повідомлень.

Всі зміни автоматично заносяться в динамічну посилання, яке буде можна використовувати для стріму, не забудьте зазначити галочку «Enable».

У вкладці «Export»  можна вибирати спосіб збереження чату.

  1. Перший прапорець «Save chat in image» призначений для збереження в зображення.
  2. Другий прапорець «Save chat in text file» призначений для історії чату в текстовий файл.
  3. У текстовий файл також можна зберегти і кількість глядачів на Стрім. Це прапорець «Save viewer counters to .txt files».

Вкладка «Profile»  містить одну кнопку «Logout», стане в нагоді в тому випадку коли потрібно змінити профіль restream.io.

Остання вкладка «About»  містить тільки номер версії програми, версія програми при написанні статті 2.2.1.38 beta.

Restream Chat - простота і зручності для стримера

Цей чат дуже легко і просто налаштовується, як під Твіч, так і під ютуб. Це відбувається завдяки спеціально створеному сайту Restream.io. Чат автоматично підключається до вашого аккаунту на будь-який з 30 платформ, які доступні для проведення трансляцій. Сама програма дуже практична і як видно має величезну кількість налаштувань. Кожен користувач може налаштувати програму особисто під себе і використовувати як буде йому зручно. Використовувати її можна відразу на декількох профілях і відповідати з будь-якій зручній майданчика. Всі можливості і функції чату, роблять її не замінної для будь-якого початківця стримера, а також досвідченого.

Потрібен якісний і зручний чат для стріму, Restream Chat цей буде правильним вибором.

Поділитися