Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/PaoloJN/youtube-ai-extension
✨ A chrome extension that lets you chat with youtube videos
https://github.com/PaoloJN/youtube-ai-extension
chatgpt chrome-extension openai plasmo reactjs shadcn-ui tailwindcss youtube-extension
Last synced: 7 days ago
JSON representation
✨ A chrome extension that lets you chat with youtube videos
- Host: GitHub
- URL: https://github.com/PaoloJN/youtube-ai-extension
- Owner: PaoloJN
- License: mit
- Created: 2024-06-02T02:41:26.000Z (20 days ago)
- Default Branch: main
- Last Pushed: 2024-06-14T12:19:57.000Z (7 days ago)
- Last Synced: 2024-06-14T13:43:42.010Z (7 days ago)
- Topics: chatgpt, chrome-extension, openai, plasmo, reactjs, shadcn-ui, tailwindcss, youtube-extension
- Language: TypeScript
- Homepage: https://chat-with-youtube.vercel.app
- Size: 1.5 MB
- Stars: 157
- Watchers: 5
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-stars - PaoloJN/youtube-ai-extension - ✨ A chrome extension that lets you chat with youtube videos (TypeScript)
README
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:
```bash
git clone https://github.com/PaoloJN/youtube-ai-extension.gitcd 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`
```typescript
const openai = new OpenAI({
apiKey: "YOUR_API_KEY"
})
```3. Install the dependencies and build the project:
```bash
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! :)
> 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:
- [OpenAI API](https://openai.com/api/)
- [React](https://reactjs.org)
- [Tailwind CSS](https://tailwindcss.com)
- [Plasmo Extension](https://www.plasmo.com)
- [Chrome Extension Documentation](https://developer.chrome.com/docs/extensions/)