Выводим чат YouTube крупным шрифтом в отдельном окне для удобного чтения на втором мониторе

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
Описания роликов со второго канала, который никак не связан с созданием видео и After Effects
Canonical Link
Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 2802
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 18 раз
Поблагодарили: 274 раза

Выводим чат YouTube крупным шрифтом в отдельном окне для удобного чтения на втором мониторе


Теги:

Сообщение aeplug » 27 дек 2017 14:06

чат-для-ютуба.jpg
чат-для-ютуба.jpg (28.82 КБ) 12291 просмотр
чат-для-ютуба.jpg
чат-для-ютуба.jpg (28.82 КБ) 12291 просмотр

Если вы хотите увидеть чат на втором мониторе крупным шрифтом, чтобы можно было его удобно читать не напрягаясь, то смотрите мое новое видео на эту тему и сможете реализовать свою мечту! )))
Мне было неудобно постоянно всматриваться в мелкий шрифт чата YouTube на стриме, но увеличить его обычными методами через Zoom браузера у меня не получилось, потому что тогда весь сайт YouTube становился большим везде (даже там где не надо) и переставал помещаться на экране. Но мне удалось это сделать через создание кастомных CSS стилей для любого сайта с помощью расширения Stylish.
https://www.youtube.com/watch?v=uYucGI_FD4E
Я использовал наработки из предыдущего своего видео, в котором делал YouTube чат для программы захвата экрана OBS Studio.
Как сделать красивый чат YouTube на стриме в OBS Studio без левых программ и плагинов
https://www.youtube.com/watch?v=flG4UZfdsS0

В итоге я сделал себе отдельный профиль FireFox, установил туда это расширение Stylish, настроил его для сайта YouTube и запускаю отдельно на втором мониторе. У меня получается отдельное окно для чата с крупным шрифтом и хорошо читаемым текстом, и мне больше не приходится всматриваться. Очень удобно и это именно то, что мне было нужно.
крупный шрифт чата.jpg
крупный шрифт чата.jpg (75.5 КБ) 12291 просмотр
крупный шрифт чата.jpg
крупный шрифт чата.jpg (75.5 КБ) 12291 просмотр

А вот и сам код для правки CSS через расширение Stylish.

Код: Выделить всё

/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
  display: none !important;
}
/* Messages. */
yt-live-chat-text-message-renderer {
  font-size: 30px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
  content: ":";
  margin-left: 2px;
}
yt-live-chat-text-message-renderer #author-name {
  font-size: 20px !important;
}
yt-live-chat-text-message-renderer[author-type="owner"] {
  background-color: rgba(100,0,0,0.1) !important;
}
yt-live-chat-text-message-renderer[author-type="moderator"] {
  background-color: rgba(0,0,100,0.1) !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
  padding-left: 4px !important;
  padding-right: 4px !important;
  margin: 4px 0 !important;
}


  :info:  
Полезные ссылки:



Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах

Теги:


Вернуться в «LIVE канал»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей