carlos-cardoso / pitch-detection-app

A rust / webassembly / react app to detect the pitch of audio signals in real time

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pitch Detection App

An open source pitch detection app that uses Rust and WebAssembly

Live Demo

Demo Page

Components

Core Pitch Detection Library

Communication with web worker

WebAssembly Wrapper

  • Rust / wasm-bindgen (source)

Pitch Visualization

  • TypeScript, HTML5 Canvas, D3 (source)

Single Page App

Building

# 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

About

A rust / webassembly / react app to detect the pitch of audio signals in real time

License:MIT License


Languages

Language:TypeScript 79.8%Language:CSS 10.5%Language:Rust 5.1%Language:HTML 2.8%Language:JavaScript 1.8%