Chrome Extension for Transcribing Audio in Chrome Browser Tabs

A Chrome extension that transcribes audio within a browser tab using transformers.js and the TabCapture API.

• Privacy-Focused: Only downloads the transcription model; does not send audio files externally for transcription.
• Offline Processing: All transcription is performed locally within the browser.
• Multi-Language Support: Supports multiple languages for transcription.

Install

1. You can use the pre-built dist.zip from the releases:

   • Download it from here.

2. Load the extension into Chrome:

   • Open Chrome and navigate to chrome://extensions/.
   • Enable "Developer mode" in the top right corner.
   • Click "Load unpacked" and select the dist directory from this repository or the extracted dist.zip.

Usage

1. Right-click the Chrome extension icon to open the side panel.
2. Left-click the Chrome extension icon to start capturing audio within the tab.
3. Once the model setup is complete, the transcribed text will be displayed in the transcription area.
4. You can copy the transcribed text to the clipboard using the copy button.

Demo

This YouTube video is licensed under CC BY.

References

• xenova/whisper-web: Used as a reference for implementation.
• transformers.js/examples/webgpu: Used as a reference for implementation.
• Book - Free Education Icons: Used as the icon for the extension.
• My blob article

Related works

• ainoya/chrome-extension-web-distiller-ai: Chrome extension that summarizes web page contents using Gemini Nano. Features include secure in-browser summarization, markdown output, and translation options.