https://github.com/emnudge/spectrogram-replicator
Educational Linguistics tool for exploring Spectrograms
https://github.com/emnudge/spectrogram-replicator
Last synced: about 1 year ago
JSON representation
Educational Linguistics tool for exploring Spectrograms
- Host: GitHub
- URL: https://github.com/emnudge/spectrogram-replicator
- Owner: EmNudge
- Created: 2020-02-16T01:10:17.000Z (over 6 years ago)
- Default Branch: new-ui
- Last Pushed: 2023-10-16T14:38:16.000Z (over 2 years ago)
- Last Synced: 2025-04-14T02:55:32.014Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://spectrogram.emnudge.dev
- Size: 571 KB
- Stars: 7
- Watchers: 2
- Forks: 2
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spectrogram Replicator
This is a spectrogram replicator. It is an educational linguistics tool to teach about spectrograms and how they work.
A spectrogram is a different way to represent audio than a standard waveform. Frequencies shape the image, while volume colors it. By tracing over spectrograms of human speech, one can replicate the sound using sine waves.
To get more information on this specific project, check out the slides used to present this tool over at https://svelte-nyc-web-audio.netlify.com
## Technologies
This project uses Svelte and Typescript. Svelte was instrumental in the ease of use the reactivity has been, while TypeScript makes refactoring much easier in general.
## Usage
The tool is available live on https://spectrogram-replicator.netlify.com/, but you can work on it locally via the following:
1. clone the repo via `git clone git@github.com:EmNudge/Spectrogram-Replicator.git`
2. `cd` into the directory and run `npm i`
3. run `npm run dev` and open `http://localhost:5000/`