Prompt with your voice to ChatGPT in your Chrome browser using Whisper API with a button click.

Latest Version

Version
1.2.16
Update
November 27, 2024
Size
585KiB
Developer
Category
Users
3,000+
Rating
3.7561 β˜…
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Whisper to ChatGPT Extension

# πŸŽ™οΈ Voice-to-Text ChatGPT: Transcribe with Whisper API πŸš€

Elevate your ChatGPT experience with Voice-to-Text ChatGPT extension! Seamlessly record your voice and transcribe it using OpenAI's Whisper API - all within your Chrome browser. Just click, record, and transcribe! πŸŽ‰

This extension is now a React application and open-source! πŸŽ‰ Check out the repository on GitHub: https://github.com/Ordinath/Whisper_to_ChatGPT

## ✨ Features

- 🎀 Record your voice and transcribe it using the powerful Whisper API
- ⚑ Configurable shortcut button to quickly activate the microphone
- 🌐 Use the extension with main inputs on chat.openai.com and edit-inputs
- πŸ”§ Customize the prompt for better API voice recognition results
- πŸ‘οΈ Clean and user-friendly interface with an eye-catching mic button
- πŸ”„ Support for multiple Whisper API prompts for versatile transcription contexts
- 🌍 Implicit translation support for transcribing and translating your input
- πŸ’Ύ Download your transcriptions as sound files for further use
- πŸ“Œ Snippets feature (in beta) for quickly pasting frequently used text in the ChatGPT text area

## πŸ”§ How to Run Locally

To run the extension locally in your Chrome browser, follow these steps:

1. Clone or download the repository from GitHub: https://github.com/Ordinath/Whisper_to_ChatGPT
2. Install the dependencies by running npm install in the project folder
3. Run npm run build to build the app for production to the build folder
4. Open Google Chrome and navigate to chrome://extensions
5. Enable \"Developer mode\" by toggling the switch in the top-right corner
6. Click on \"Load unpacked\" button and select the build folder created in step 3
7. The extension should now appear in your list of installed extensions

Now you can use Voice-to-Text ChatGPT extension without downloading it from the Chrome Web Store!

## πŸ”‘ API Key Disclaimer

This extension requires an OpenAI account with a valid API key to function properly. OpenAI provides a small amount of free credits for all accounts, which is more than enough to use the Whisper API in ChatGPT and enjoy the extension's features.

## πŸ“£ Feedback and Contributions

We're dedicated to improving this extension and have exciting plans for its future! Give it a try, and share your thoughts - we're always open to feedback and suggestions. Feel free to open issues, submit pull requests, or just reach out with any ideas you have.

πŸ˜„ Happy recording!

## πŸ› οΈ Development
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# Available Scripts
1. `npm start` : Runs the app in development mode, open http://localhost:3000 to view it in your browser
2. `npm run build` : Builds the app for production to the build folder
For more information, refer to the [Create React App documentation](https://create-react-app.dev/docs/getting-started/) and [React documentation](https://facebook.github.io/create-react-app/docs/getting-started).
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Whisper to ChatGPT", "version": "1.2.16", "icons": { "16": "icon16.png", "32": "icon32.png", "64": "icon64.png", "128": "icon128.png" }, "description": "Prompt with your voice to ChatGPT in your Chrome browser using Whisper API with a button click.", "content_scripts": [ { "matches": [ "https://chat.openai.com/*", "https://chatgpt.com/*" ], "js": [ "content.js" ], "css": [ "content.css" ], "run_at": "document_idle", "all_frames": false } ], "background": { "service_worker": "background.js" }, "action": { "default_icon": "icon128.png", "default_popup": "index.html" }, "permissions": [ "storage" ]}
Read more

How to download and manually install Whisper to ChatGPT extension for Chrome

Looking for a way to install Whisper to ChatGPT extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Whisper to ChatGPT extensions manually, this article outlines two simple methods to effortlessly install Whisper to ChatGPT extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Whisper to ChatGPT extension and manually install through Drag &Drop

If you ever need to manually install a Whisper to ChatGPT extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Whisper to ChatGPT Extension by clicking the "Download CRX" button on the website.

Look for the Whisper to ChatGPT extension you wish to install. Go to the website and download the Whisper to ChatGPT extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Whisper to ChatGPT extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Whisper to ChatGPT extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Whisper to ChatGPT extension for Chrome and install in Developer Mode

This is another method to install Whisper to ChatGPT extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Whisper to ChatGPT extension file

Select and download the Whisper to ChatGPT extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Whisper to ChatGPT extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Whisper to ChatGPT extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Whisper to ChatGPT extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Whisper to ChatGPT extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Voice-to-ChatGPT Extension Β· Productivity 3,000+ 3 β˜… 67.39KiB

icon

Talk to ChatGPT Extension Β· Accessibility 3,000+ 17 β˜… 26.94KiB

icon

Talking ChatGPT Extension Β· Productivity 3,000+ 4 β˜… 19.14KiB

icon

Whispering Extension Β· Productivity 3,000+ 33 β˜… 2.53MiB

icon

VoiceWave: ChatGPT Voice Control Extension Β· Productivity 3,000+ 214 β˜… 795KiB

icon

Voice Typing for ChatGPT Extension Β· Accessibility 3,000+ 5 β˜… 54.41KiB

icon

WhisperAI - AI driven Speech-to-text Extension Β· Productivity 3,000+ 43 β˜… 1.73MiB

icon

Voice Control for ChatGPT x Mia AI Extension Β· Productivity 3,000+ 632 β˜… 1.32MiB

icon

Summme - Add Voice Chat to ChatGPT (TTS & STT) Extension Β· Accessibility 3,000+ 17 β˜… 465KiB

icon

DialogusAI - Learn Language by talking to AI Extension Β· Productivity 3,000+ 0 β˜… 55.8KiB

icon

Two Way Voice for ChatGPT Extension Β· Productivity 3,000+ 4 β˜… 32.43KiB

icon

ChatGPT Voice Master Extension Β· Productivity 3,000+ 43 β˜… 7.86MiB

icon

TalkGPT Extension Β· Accessibility 3,000+ 2 β˜… 76.53KiB

icon

ChatGPT Tool Voice Extension Β· Productivity 3,000+ 0 β˜… 369KiB

icon

SpeakGPT Extension Β· Social & Communication 3,000+ 1 β˜… 88.81KiB

icon

ChatGPT - Lets talk Extension Β· Accessibility 3,000+ 4 β˜… 18.22KiB

icon

Chat GPT voice Extension Β· Productivity 3,000+ 7 β˜… 21.02KiB

icon

Speech to Text for ChatGPT Extension Β· Accessibility 3,000+ 10 β˜… 37.21KiB

icon

SonicGPT, Talk to ChatGPT in MultiLanguage Extension Β· Accessibility 3,000+ 4 β˜… 474KiB

icon

Talk With Me ChatGPT Extension Β· Productivity 3,000+ 4 β˜… 36.67KiB

icon

Superpower ChatGPT Extension Β· Productivity 3,000+ 1955 β˜… 2.85MiB

icon

Voice Control for Gemini Extension Β· Productivity 3,000+ 9 β˜… 199KiB

icon

ChatGPT Reader Extension Β· Accessibility 3,000+ 9 β˜… 48.68KiB

icon

Definio: Multi-modal AI Copilot - Claude3 Opus, ChatGPT 4o, Gemini 1.5 Pro Extension Β· Productivity 3,000+ 31 β˜… 576KiB

User reviews

icon

Jyan ZΓ‘rate (ID: 00000029cdba98f4) Voted 5 β˜… - Updated 09/24/2023 works perfectly

icon

Valery Gulyaev (ID: 00000068f1624203) Voted 2 β˜… - Updated 08/21/2023 Throws an error: "429 ERROR! API key not provided or OpenAI Server Error! Check the Pop-up window of the Extension to provide API key." (both with paid and free Openai accounts API keys)

icon

David Kosir (ID: 000000aac970c850) Voted 5 β˜… - Updated 07/15/2023 Please create an extension that we can use as a text input, not just for chat.openai.com but for any other text field. It would be MASSIVE!

icon

kirubakaran (ID: 0000003a054b965b) Voted 4 β˜… - Updated 07/14/2023 shortcut key not working

icon

David Hunter (ID: 000000ea3d5839e8) Voted 2 β˜… - Updated 06/30/2023 Doesn't do anything at all.