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

Описания роликов со второго канала, который никак не связан с созданием видео и After Effects
Аватара пользователя

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

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


Теги:

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

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

Если вы хотите увидеть чат на втором мониторе крупным шрифтом, чтобы можно было его удобно читать не напрягаясь, то смотрите мое новое видео на эту тему и сможете реализовать свою мечту! )))
Мне было неудобно постоянно всматриваться в мелкий шрифт чата 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 КБ) 10728 просмотров
крупный шрифт чата.jpg
крупный шрифт чата.jpg (75.5 КБ) 10728 просмотров

А вот и сам код для правки 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 канал»

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

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