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: 3 days 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 (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T18:08:01.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T02:41:33.816Z (over 1 year ago)
• Topics: audio-analysis, audio-visualizer, rust, wasm, wasm-bindgen, webassembly
• Language: TypeScript
• Homepage:
• Size: 3.7 MB
• Stars: 85
• Watchers: 1
• Forks: 23
• Open Issues: 15
• 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

[![Demo Page](./demo.png)](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

```