Skip to content

nicetooo/youtube-cc

Repository files navigation

CC Plus - YouTube Enhancement Suite

CC Plus Logo

Transform your YouTube viewing experience with interactive transcripts, immersive cinema mode, and advanced comment search.

🌐 Official Website | 📥 Install from Chrome Web Store


✨ Key Features

📝 Interactive Transcript Sidebar

Stop scrolling through endless descriptions. CC Plus generates a synchronized, interactive transcript sidebar.

  • Click-to-Jump: Instantly navigate to any part of the video by clicking on the subtitle line.
  • Auto-Scroll: The transcript follows the video playback automatically.
  • Copy Support: Easily copy text for notes or study.

🖥️ Immersive Wide Screen Mode

Break free from the default layout.

  • automatically expands the video player to fill the full width of your browser window.
  • Perfect for 21:9 monitors or just a more cinematic experience on standard screens.

🔍 Advanced Comment Search

Find exactly what you're looking for in the comments section.

  • Keyword Search: Filter thousands of comments instantly.
  • Time-saving: No more "Load more" clicking fatigue.

⚡ Clean & Focus Mode

  • Distraction Free: Remove sidebar recommendations, banners, and clutter.
  • Pure Viewing: Focus 100% on the content.

🌐 Polyglot Support

Fully localized and optimized for:

  • 🇺🇸 English
  • 🇨🇳 Chinese (Simplified & Traditional)
  • 🇯🇵 Japanese
  • 🇰🇷 Korean

🚀 Installation

Option 1: Chrome Web Store (Recommended)

  1. Visit the CC Plus on Chrome Web Store.
  2. Click "Add to Chrome".

Option 2: Manual Installation (Developer Mode)

  1. Download the latest release from the Releases page.
  2. Unzip the file.
  3. Open Chrome and go to chrome://extensions/.
  4. Enable Developer mode (top right).
  5. Click Load unpacked and select the unzipped folder.

🛠️ Development

This project is built with WXT, Svelte, and Tailwind CSS.

Prerequisites

  • Node.js (v18+)
  • npm or pnpm

Setup

# Clone the repository
git clone https://github.com/nicetooo/youtube-cc.git

# Enter directory
cd youtube-cc

# Install dependencies
npm install

Running Locally

Start the development server with hot-reloading:

npm run dev

Chrome will open automatically with the extension loaded.

Building for Production

To create a production build (output to .output/):

npm run build

🔒 Privacy & Permissions

We value your privacy. CC Plus operates strictly on your local device.

  • webRequest Permission: Used only to intercept timedtext (subtitle) requests from YouTube to display the transcript sidebar. We do not track your browsing history.
  • tabs Permission: Used to detect when you navigate between videos (since YouTube is a Single Page Application) to refresh the transcript.

📄 License

This project is open source and available under the MIT License.


Built with ❤️ by the CC Plus Team

About

youtube-cc

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors