useWhisper hook with Real-Time transcription for React.js

[chengsokdara]

Hello I just published a React library for anyone who want to implement Speech-to-Text using OpenAI Whisper in their React.js web app.

Try it:
yarn add @chengsokdara/use-whisper
npm i @chengsokdara/use-whisper

Repo:
https://github.com/chengsokdara/use-whisper

Demo: (Whisper seems to can not understand my accent 😅)

use-whisper-real-time-transcription.mp4

Guide:
Medium - Transform Your Speech into Text with the Power of OpenAI and useWhisper

[ThantHtetAung101]

Is there a way to use whisper ai for free? I mean whisper ai free but using it with openAI api costs money. I know it's becuz of gpu calculation from cloud. I think we can use google colab instead of openAI. But i'm kind of worried about delay time between the mic and the output transcription. Is there a way to use whisper ai free in react projects?

[brian316]

use on your own pc. or try a free trial from online cloud vendors like Google, AWS, linode

[Usama9999]

Are you using your mic for speaking or using some predefined audio?