YouTube Live Chat Client (Modded) V2.0

Build a desktop-operated, open-source YouTube Live chat client that delivers a fast, reliable stream of messages and allows a streamer to spotlight a selected chat message on an OBS-ready overlay.

Currently work in progress bugs might be there.

Key Features

• High-Performance Chat: A sleek, minimal dashboard for monitoring YouTube Live chat in real-time.
• OBS Integration: Select any message to instantly display it on an OBS-ready overlay.
• Rich Message Support: Full support for Super Chats, gifted memberships, and user badges.
• Compact and Efficient: A dark, minimalist UI designed to be space-efficient and easy on the eyes.
• Intelligent Auto-Scroll: The chat automatically scrolls to new messages but stops when you scroll up to read previous messages.
• TTS function (text to speech): Automatically reads all the comments in all languages.

Getting Started

Follow these instructions to set up the project for local development.

Prerequisites

• Node.js (v20.x or later)
• pnpm

Installation

1. Clone the repository:

   https://github.com/moderathor12/YTChatHub.git

2. Install dependencies:

   pnpm install

Running the Application

To start the development server for both the backend and frontend, run:

pnpm dev

• The dashboard will be available at http://localhost:3000/dashboard.
• The OBS overlay will be available at http://localhost:3000/overlay.

Technology Stack

• Frontend: Next.js (React)
• Backend: Node.js with Fastify and tsx
• YouTube Integration: youtubei.js
• Styling: Handcrafted CSS

NOTE: THİS PROJECT İS MODDED VERSİON OF YTChatHUB which was created by yusufipk.YOU CAN VISIT THE OFFICIAL VERSION WITH FOLLOWING THE LINK BELOW:

THE OFFİCİAL PROJECT LİNK: https://github.com/yusufipk/YTChatHub