GithubHelp home page GithubHelp logo

asethone / ytlivechatview Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 41 KB

Apply custom filters to chat messages on YouTube while streaming and get filtered content in separate browser page.

HTML 52.01% JavaScript 45.86% Batchfile 2.13%

ytlivechatview's Introduction

Info

Описание

Этот небольшой проект реализует локальный HTTP сервер по адресу http://localhost:3000 для просмотра списка отфильтрованного контента из сообщений чата трансляции YouTube в отдельной странице в браузере.

Это веб-приложение работает в связке с пользовательским скриптом, который встраивается в чат YouTube (на базе расширения Tampermokey), отслеживает сообщения и отправляет найденный отфильтрованный контент на ваш локальный сервер.

Преимущества в сравнении с бессерверной версией

  • У страницы теперь есть локальный адрес, что позволяет захватывать ее и выводить на трансляцию.
  • Перезагрузка страницы YouTube с трансляцией не стирает список авторов и предыдущие сообщения, так как эта информация хранится на локальном сервере.
  • Появилась возможность удалять сообщения без внесения автора этого сообщения в список при сохранении (через клавиши D, Delete, Backspace на выделенном сообщении).
  • Можно открыть любое количество страниц с отфильтрованными сообщениями – все они будут работать, а изменения, внесенные на одной странице, сразу же отобразятся на остальных.

Кастомизация

Можно написать свой фильтр на JS, заменив код в файле filter.user.js. Приведенный фильтр вычленяет из сообщений ID, состоящие из 6-9 цифр, обрабатывая разделители ,.

Download

  • Загрузить последнюю версию приложения сервера можно здесь. Поддерживается только платформа Windows 64 bit.
  • Для работы скрипта-трекера сначала необходимо установить расширение Tampermonkey для вашего браузера. После установки и активации расширения нажмите здесь для установки скрипта-трекера вместе с фильтром. Откроется встроенный установщик Tampermonkey с предложением установить пользовательский скрипт.

User manual

Для начала, нужно скачать и распаковать приложение с сервером, а также установить скрипт, как описано выше.

Запуск

  1. Запускаем файл server.exe для запуска сервера.

    • ПРИМЕЧАНИЕ: При первом запуске возможно предупреждение от системы Windows SmartScreen – игнорируйте его, нажав Подробнее и затем Выполнить в любом случае. Данное предупреждение связано с тем, что исполняемый файл не подписан. Приложение не крадет ваши данные и не внедряет вам вирус в систему – в этом можно удостовериться лично: весь код, включая код сборки, полностью открыт.
    • Также понадобится предоставить приложению доступ к локальным сетям. Это нужно для корректного функционирования локального сервера по определению.

    После запуска откроется окно терминала с уведомлением о том, что сервер запущен, и локальным адресом страницы. Ctrl+клик по адресу откроет страницу в браузере. Либо, если это не сработало, просто скопируйте адрес и вставьте в новом окне браузера. На этой странице будут отображаться все отфильтрованные сообщения.

    • ПРИМЕЧАНИЕ: По мере работы сервера, в окошке терминала будет появляться служебная информация. Его можно просто свернуть и не обращать на него внимания. При возникновении ошибок эта информация в последствии поможет устранить проблему.
  2. На странице трансляции YouTube сверху чата появится серый кружок – индикация того, что трекер неактивен.

    Chat header

    При нажатии на него, он сменит цвет на красный, что означает, что скрпит трекера работает: он будет слушать сообщения из чата, фильтровать их и перенаправлять на сервер.

    • ВАЖНО: Не забудьте поменять в фильтр Интересные сообщения на Чат, чтобы трекер учитывал все сообщения из чата.

    Chat header ready

    • ВАЖНО: Трекер отлавливает только те сообщения, которые отображаются в самом низу чата. По умолчанию чат YouTube автоматически показывает самые новые сообщения, но если вы в ходе трансляции пролистываете чат вверх, то трекер новые сообщения увидит только после того, как вы снова пролистаете чат до низу. Имейте это в виду.

Страница просмотра сообщений

Теперь на открытой на шаге 1 странице начнут отображаться отфильтрованные сообщения.

Chat view

Кнопка с галочкой справа от сообщения удалит сообщение из списка и внесет автора в список сохраненных авторов. Текстовый файл со списком сохраненных авторов вы можете скачать, нажав на кнопку Save authors внизу страницы. Это может быть полезно после трансляции.

При нажатии на имя автора или на текст сообщения они автоматически скопируются в буфер обмена. Последнее сообщение, на котором вы скопировали текст, будет выделено. Снять выделение можно клавишей Esc.

При нажатии на клавиши D, Delete, Backspace выделенное сообщение так же удалится, но без сохранения автора в список.

Все изменения на странице просмотра сообщений никак не влияют на реальный чат трансляции в YouTube.

Закрытие приложения

Для завершения работы приложения сервера достаточно просто закрыть окно терминала.

ytlivechatview's People

Contributors

asethone avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.