{"id":24285953,"url":"https://github.com/paul1365972/spectrogram","last_synced_at":"2026-04-20T02:02:56.713Z","repository":{"id":271639474,"uuid":"914100860","full_name":"Paul1365972/spectrogram","owner":"Paul1365972","description":"A spectrogram with pitch estimation and lots of configuration options, made using Svelte 5 \u0026 Typescript","archived":false,"fork":false,"pushed_at":"2025-06-04T01:39:00.000Z","size":9093,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-04T08:51:32.298Z","etag":null,"topics":["audio-visualizer","pitch-estimation","spectrogram"],"latest_commit_sha":null,"homepage":"https://paul1365972.github.io/spectrogram/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Paul1365972.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-09T00:29:02.000Z","updated_at":"2025-06-04T01:39:02.000Z","dependencies_parsed_at":"2025-03-25T15:31:37.546Z","dependency_job_id":"a127b560-f8b2-4209-8e6b-056a6de119d4","html_url":"https://github.com/Paul1365972/spectrogram","commit_stats":null,"previous_names":["paul1365972/spectrogram"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Paul1365972/spectrogram","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Paul1365972%2Fspectrogram","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Paul1365972%2Fspectrogram/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Paul1365972%2Fspectrogram/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Paul1365972%2Fspectrogram/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Paul1365972","download_url":"https://codeload.github.com/Paul1365972/spectrogram/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Paul1365972%2Fspectrogram/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32029858,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["audio-visualizer","pitch-estimation","spectrogram"],"created_at":"2025-01-16T07:17:52.823Z","updated_at":"2026-04-20T02:02:56.698Z","avatar_url":"https://github.com/Paul1365972.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Real-Time Audio Spectrogram\n\nA real-time audio spectrogram visualizer built with Svelte 5, Bun, Typescript, WebGL2, and the Web Audio API.\n\nThis application provides a live analysis and visualization of your microphone input with some advanced features for musicians, voice coaches and audio enthusiasts.\n\nInspired by [Friture: A real-time audio analyzer](https://friture.org/) and [Praat: Doing Phonetics by Computer](http://www.praat.org/).\n\n![Spectrogram Screenshot](docs/sample_screenshot.png)\n\n\n## Features\n\n- **Real-time Audio Analysis**: Standard FFT-based frequency analysis\n\n- **Multiple Visualization Modes**:\n  - Linear, Logarithmic, and Mel frequency scales\n  - Customizable frequency range (20Hz - 20kHz)\n  - Adjustable FFT size and smoothing\n  - Grayscale, Inferno, and Magma color maps\n\n- **Musical Features**:\n  - Note detection and pitch tracking\n  - Musical note guidelines and frequency markers\n  - Interactive pitch feedback with cents deviation\n  - Reference tone generator with adjustable volume\n\n- **Advanced Settings**:\n  - Automatic pitch following\n  - Customizable tick markers\n  - Adjustable scroll speed\n  - Multiple interpolation modes\n\n- **Mobile Friendly**\n\n\n## Usage\n\n1. Allow microphone access when prompted by your browser\n2. Click anywhere on the page to start the audio analysis\n3. Use the settings panel on the left to customize the visualization:\n   - Adjust frequency range\n   - Increase the FFT resolution\n   - Try to hit certain notes with the help of the note guidelines\n\n### Keyboard Shortcuts\n\n- `Space`: Pause/Resume the visualization\n- `T`: Cycle through tick variants\n- `C`: Switch color maps\n- `G`: Toggle note guidelines\n- `F`: Toggle pitch following\n\n\n## Technical Details\n\n### Core Technologies\n\n- **Svelte 5**: UI framework and tool for building web applications\n- **Bun**: Fast JavaScript all-in-one toolkit\n- **WebGL2**: Performant graphics rendering\n- **Web Audio API**: Real-time audio processing\n- **TypeScript**: Type-safe JavaScript alternative\n\n### Audio Processing Features\n\n- Simple loudest frequency detection\n- Fundamental frequency estimation (Custom variant of the Harmonic Product Spectrum)\n- [Pitchy](https://github.com/ianprime0509/pitchy), implementing \"A Smarter Way to Find Pitch\" by Philip McLeod and Geoff Wyvill\n\n\n## Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/Paul1365972/spectrogram.git\ncd spectrogram\n```\n\n2. Install dependencies:\n```bash\nbun install\n```\n\n3. Start the development server:\n```bash\nbun dev\n```\n\n\n## Building\n\nTo create a production build:\n```bash\nbun run build\n```\n\nThe built files will be in the `./dist/` directory.\n\nYou can also preview the production build using:\n```bash\nbun preview\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaul1365972%2Fspectrogram","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaul1365972%2Fspectrogram","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaul1365972%2Fspectrogram/lists"}