https://github.com/alesgenova/pitch-detection-app
A rust / webassembly / react app to detect the pitch of audio signals in real time
https://github.com/alesgenova/pitch-detection-app
audio-analysis audio-visualizer rust wasm wasm-bindgen webassembly
Last synced: about 1 year ago
JSON representation
A rust / webassembly / react app to detect the pitch of audio signals in real time
- Host: GitHub
- URL: https://github.com/alesgenova/pitch-detection-app
- Owner: alesgenova
- License: mit
- Created: 2019-03-16T23:13:12.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T19:12:58.000Z (over 3 years ago)
- Last Synced: 2025-04-03T23:32:51.886Z (about 1 year ago)
- Topics: audio-analysis, audio-visualizer, rust, wasm, wasm-bindgen, webassembly
- Language: TypeScript
- Homepage:
- Size: 4.08 MB
- Stars: 116
- Watchers: 2
- Forks: 33
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pitch Detection App
An open source pitch detection app that uses Rust and WebAssembly
## Live Demo
[](https://alesgenova.github.io/pitch-detection-app/)
## Components
### Core Pitch Detection Library
- Rust ([source](https://github.com/alesgenova/pitch-detection))
### Communication with web worker
- post-me ([source](https://github.com/alesgenova/post-me))
### WebAssembly Wrapper
- Rust / wasm-bindgen ([source](https://github.com/alesgenova/pitch-detection-app/tree/master/wasm))
### Pitch Visualization
- TypeScript, HTML5 Canvas, D3 ([source](https://github.com/alesgenova/pitch-detection-app/tree/master/display))
### Single Page App
- React ([source](https://github.com/alesgenova/pitch-detection-app/tree/master/client))
### Building
```bash
# Build wasm
# Prerequisite: cargo and wasm-pack
cd wasm
wasm-pack build --target web
# Build the visualization
cd ../display
npm install
npm run build
# Start the app
cd ../client
npm install
npm run start
```