Skip to content

Interactive YouTube extension built with React, Tailwind CSS, and Plasmo. It integrates with the OpenAI API to enable real-time video chat, providing summaries, Q&A, and context-aware responses directly on YouTube.

License

Notifications You must be signed in to change notification settings

PaoloJN/youtube-ai-extension

Repository files navigation

Screenshot 2023-10-29 at 13 39 22

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:https://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! :)

The extension does not support the new YouTube layout. To revert to the old layout, use the uBlock Origin extension. The extension should then work correctly.

Acknowledgments

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

About

Interactive YouTube extension built with React, Tailwind CSS, and Plasmo. It integrates with the OpenAI API to enable real-time video chat, providing summaries, Q&A, and context-aware responses directly on YouTube.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published