Transform YouTube into a karaoke experience with a powerful split-panel interface for playlist management and advanced search.
- Clean, modern left-side panel that doesn't interfere with YouTube
- Automatic content shifting keeps YouTube videos perfectly centered
- Smooth animations and professional UI design
- Real YouTube search using your logged-in session
- Advanced filters: duration, upload date, content type, quality
- Sort by relevance, date, rating, or view count
- Search for videos, playlists, or channels
- Add videos directly from search results
- Drag-and-drop reordering
- Shuffle playlist functionality
- Remove videos with one click
- Persistent storage - your playlists are saved
- Currently playing video highlighted in green with music note icon
- Real-time playlist updates
- Loading states and error handling
- Keyboard shortcuts for power users
Ctrl/Cmd + 1- Focus search panelCtrl/Cmd + 2- Focus playlist panelCtrl/Cmd + K- Focus search inputEscape- Close panelEnter- Perform search (when search focused)Space- Play/pause current video (when not in input field)↑/↓ Arrow Keys- Navigate playlist items (when not in input field)Delete/Backspace- Remove selected playlist item (when not in input field)
- Download the extension files
- Extract to a folder on your computer
- Open Brave/Chrome and go to
brave://extensions/orchrome://extensions/ - Enable "Developer mode" (toggle in top-right)
- Click "Load unpacked" and select the extension folder
- Visit YouTube and start using the extension!
- Open YouTube in your browser
- Click the extension icon in the toolbar
- Search for songs using the advanced filters
- Add videos to your karaoke playlist
- Play videos directly from the playlist
- Enjoy the seamless karaoke experience!
Split-panel interface with playlist and search sections
Advanced filters panel with various search options
Playlist with highlighted currently playing video
Search results with add buttons
- Node.js 16+
- npm 8+
- Brave Browser or Chrome
# Clone the repository
git clone <repository-url>
cd Youtube_Karaoke_Brave_Extension
# Install dependencies
npm install
# Build the extension
npm run build
# Watch for changes during development
npm run dev├── src/
│ ├── background.ts # Background script
│ ├── content.ts # Content script (main functionality)
│ ├── popup.ts # Popup script
│ ├── popup.html # Popup HTML
│ ├── content.css # Content script styles
│ └── popup.css # Popup styles
├── icons/ # Extension icons
├── dist/ # Built extension files
├── manifest.json # Extension manifest
├── webpack.config.js # Webpack configuration
└── package.json # Project dependencies
# Production build
npm run build
# Development build with watch
npm run dev- Manifest V3 compliant
- TypeScript for type safety
- Webpack for bundling
- Chrome Extension APIs for functionality
- ✅ Brave Browser (primary)
- ✅ Chrome Browser
- ✅ Other Chromium-based browsers
storage- Save playlist data locallyactiveTab- Access current tab for YouTubescripting- Inject content scriptshttps://www.youtube.com/*- Access YouTube pages
- Real YouTube Search: Uses your logged-in YouTube session
- Advanced Filters: Duration, upload date, content type, quality
- Smart Sorting: Relevance, date, rating, view count
- Content Types: Videos, playlists, channels
- Add/Remove: Easy playlist management
- Reordering: Drag-and-drop or arrow buttons
- Shuffle: Randomize playlist order
- Persistence: Playlists saved locally
- Visual Feedback: Currently playing video highlighted
- Keyboard Shortcuts: Power user features
- Smooth Animations: Professional UI transitions
- Responsive Design: Works on all screen sizes
- Error Handling: Graceful error management
This extension:
- ✅ No Data Collection: Doesn't collect any personal data
- ✅ No Tracking: Doesn't track your browsing habits
- ✅ Local Storage Only: All data stored locally in your browser
- ✅ No External Servers: Works entirely with YouTube
- ✅ Open Source: Full source code available
Extension not loading:
- Ensure you're using a supported browser
- Check that Developer mode is enabled
- Try reloading the extension
Search not working:
- Make sure you're logged into YouTube
- Check your internet connection
- Try refreshing the page
Playlist not saving:
- Check browser storage permissions
- Clear browser cache and try again
- Ensure you have enough storage space
- Check the Issues page
- Create a new issue with detailed information
- Include browser version and error messages
- Playlist sharing and collaboration
- Custom themes and appearance
- Playlist import/export
- Advanced keyboard shortcuts
- Mobile browser support
- v1.0.0 - Initial release with core functionality
- v1.1.0 - Planned: Enhanced search filters
- v1.2.0 - Planned: Playlist sharing features
We welcome contributions! Please see our Contributing Guidelines for details.
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
- YouTube for the amazing platform
- Brave Browser team for the excellent browser
- Open source community for inspiration
- All users and contributors
- Email: [email protected]
- GitHub: Issues
Made with ❤️ for karaoke enthusiasts everywhere!
Transform your YouTube experience into the ultimate karaoke platform!