A browser extension that integrates the ElevenLabs text-to-speech widget as a popup.
-
Configure your ElevenLabs credentials:
- Open
popup.js
- Replace
YOUR_AGENT_ID
with your actual ElevenLabs agent ID - Replace
YOUR_PUBLIC_API_KEY
with your actual public API key
- Open
-
Load the extension in your browser:
Chrome/Edge:
- Navigate to
chrome://extensions/
(oredge://extensions/
) - Enable "Developer mode"
- Click "Load unpacked"
- Select the extension directory
Firefox:
- Navigate to
about:debugging
- Click "This Firefox"
- Click "Load Temporary Add-on"
- Select the
manifest.json
file
- Navigate to
- Click the extension icon in your browser toolbar
- The ElevenLabs widget will open in a popup
- You can interact with the text-to-speech functionality
manifest.json
- Extension configurationpopup.html
- Popup window HTML structurepopup.js
- JavaScript to initialize the ElevenLabs widgetpopup.css
- Styling for the popup window
You'll need to add icon files (icon16.png, icon48.png, icon128.png) for the extension icon.