Real-time in-browser speech recognition with Nuxt and Transformers.js

by codybontecouon 3/30/2025, 2:04 PMwith 1 comments

by codybontecouon 3/30/2025, 2:04 PM

This is a barebones demo showing Transformers.js working with Whisper in the browser for realtime audio to text transcription.

It uses [whisper-base](https://huggingface.co/onnx-community/whisper-base), a 290mb model, and is able to transcribe audio in all of the languages listed [here](https://github.com/openai/whisper/blob/248b6cb124225dd263bb9...). It can be ran entirely offline once the model is loaded in.

![realtime transcription showcase](https://i.imgur.com/RutByr0.gif)

This code is deployed here - https://nuxt-transformersjs-realtime-transcription.vercel.ap...