zhaopufeng / youtube-ai-extension

✨ A chrome extension that lets you chat with youtube videos

YouTube AI Extension

YouTube Chat Extension allows you to chat directly with YouTube videos, providing a unique interactive experience.

Demo Video · Features · Roadmap · Installation · Acknowledgments

Features

• Seamlessly chat with YouTube videos in real-time.
• Get video summaries, ask questions, and receive detailed explanations.
• User-friendly interface integrated directly into YouTube.
• Support for multiple languages and context-aware responses.

Roadmap

• Support Ollama
• RAG for longer videos ?
• More features

Installation

To install and run the YouTube Chat Extension locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/PaoloJN/youtube-ai-extension.git
   
   cd youtube-chat-extension

2. Add your OpenAI API key. Replace YOUR_API_KEY with your actual key in the files chat.ts and completion.ts

   const openai = new OpenAI({
     apiKey: "YOUR_API_KEY"
   })

3. Install the dependencies and build the project:

   pnpm install
   pnpm run build

4. Load the extension into Chrome:

   1. Open Chrome and navigate to chrome://extensions/.
   2. Enable "Developer mode" by toggling the switch in the top right corner.
   3. Click "Load unpacked" and select the build/chrome-mv3-dev directory from the project you just built.

5. Open YouTube and start chatting with videos! :)

Acknowledgments

This project wouldn't be possible without the following resources:

• OpenAI API
• React
• Tailwind CSS
• Plasmo Extension
• Chrome Extension Documentation