Spaces:
Running
Running
File size: 1,567 Bytes
e911bb0 7497824 e911bb0 7497824 e911bb0 7497824 e911bb0 7497824 e911bb0 7497824 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
---
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](https://huggingface.co/onnx-community/moonshine-base-ONNX), 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:
```sh
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:
```sh
cd transformers.js-examples/moonshine-web
```
### 3. Install Dependencies
Install the necessary dependencies using npm:
```sh
npm i
```
### 4. Run the Development Server
Start the development server:
```sh
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](https://waelyasmina.net/articles/how-to-create-a-3d-audio-visualizer-using-three-js/).
|