SonicShift

A sleek, modern Chrome Extension to route individual tab audio to specific speakers.

---

🎵 About

SonicShift is a powerful Manifest V3 Chrome extension that allows you to take control of your browser's audio. Have you ever wanted to listen to a YouTube video on your Bluetooth headphones while keeping a web game's audio playing on your monitor speakers? SonicShift makes that possible.

It captures the audio of your current active tab and lets you route it to any connected audio output device on your system, complete with independent volume controls.

✨ Features

• Per-Tab Audio Routing: Send different tabs to different audio devices (e.g., Music to Speakers, Meeting to Headset).
• Independent Volume Control: Built-in 0-100% volume slider that applies specifically to the routed tab without affecting your system volume.
• Real-Time Sync: Change the target speaker or adjust the volume on the fly without interrupting the audio stream.
• Modern Glassmorphism UI: A highly polished, animated, and responsive user interface built with smooth CSS transitions.
• Privacy First: Uses Chrome's standard tabCapture and offscreen APIs. No background tracking.

🚀 How to load this into Chrome

Since this extension is in development, you can load it directly into Chrome as an "unpacked" extension:

1. Clone or download this repository to your local machine.
2. Open Google Chrome and navigate to chrome://extensions/.
3. Enable Developer mode using the toggle in the top right corner.
4. Click the Load unpacked button in the top left.
5. Select the folder containing this repository (the folder with the manifest.json file).
6. SonicShift will now appear in your extensions list! Pin it to your toolbar for easy access.

🛠️ Usage

1. Navigate to the tab you want to route (e.g., a playing YouTube video).
2. Click the SonicShift icon in your Chrome toolbar.
3. Select your desired output device from the dropdown menu. (Note: If you only see generic labels, click "Fix Permissions" to grant microphone access, which allows Chrome to display your actual hardware names).
4. Adjust the volume slider if needed.
5. Click Engage SonicShift.

The audio will instantly transfer to your selected device!

🔧 Technologies Used

• Manifest V3: Compliant with the latest Chrome extension standards.
• Offscreen Documents API: Ensures stable, continuous audio playback even when the extension popup is closed.
• Web Audio API / HTML5 Audio: For low-latency stream processing and volume adjustments.
• Vanilla JS, HTML, CSS: Lightweight and blazing fast without any heavy frameworks.