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

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

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

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


Теги:

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

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

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

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

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

Сейчас этот форум просматривают: CommonCrawl [Bot]