Spaces:
Running
Running
metadata
title: Moonshine Web
emoji: π
colorFrom: blue
colorTo: pink
sdk: static
pinned: false
license: apache-2.0
models:
- onnx-community/moonshine-base-ONNX
short_description: Real-time in-browser speech recognition
thumbnail: >-
https://huggingface.co./spaces/webml-community/moonshine-web/resolve/main/banner.png
Moonshine Web
A simple React + Vite application for running Moonshine Base, a powerful speech-to-text model optimized for fast and accurate automatic speech recognition (ASR) on resource-constrained devices. It runs locally in the browser using Transformers.js and WebGPU-acceleration (or WASM as a fallback).
Getting Started
Follow the steps below to set up and run the application.
1. Clone the Repository
Clone the examples repository from GitHub:
git clone https://github.com/huggingface/transformers.js-examples.git
2. Navigate to the Project Directory
Change your working directory to the moonshine-web
folder:
cd transformers.js-examples/moonshine-web
3. Install Dependencies
Install the necessary dependencies using npm:
npm i
4. Run the Development Server
Start the development server:
npm run dev
The application should now be running locally. Open your browser and go to http://localhost:5173
to see it in action.
Acknowledgements
The audio visualizer was adapted from Wael Yasmina's amazing tutorial.