https://github.com/leydev/active-tuner

It is an analyser of sound waves, to aid in the tuning of musical instruments. It detects frequencies between C₀ (16,35 Hertz) and B₈ (7902,13 Hertz), and shows a musical note that matches the recognized frequency.
https://github.com/leydev/active-tuner

audio audio-context-api canvas-api react tailwindcss typescript webpack

Last synced: 3 months ago
JSON representation

It is an analyser of sound waves, to aid in the tuning of musical instruments. It detects frequencies between C₀ (16,35 Hertz) and B₈ (7902,13 Hertz), and shows a musical note that matches the recognized frequency.

• Host: GitHub
• URL: https://github.com/leydev/active-tuner
• Owner: leydev
• License: mit
• Created: 2022-01-16T22:57:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-07T13:58:26.000Z (over 2 years ago)
• Last Synced: 2025-01-10T01:57:26.968Z (4 months ago)
• Topics: audio, audio-context-api, canvas-api, react, tailwindcss, typescript, webpack
• Language: TypeScript
• Homepage: https://leydev.com.br/project/afinador-active-tuner
• Size: 3.21 MB
• Stars: 1
• Watchers: 0
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Total alerts](https://img.shields.io/lgtm/alerts/g/leydev/Tuner.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/leydev/Tuner/alerts/)

[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/leydev/Tuner.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/leydev/Tuner/context:javascript)

# Active Tuner 

![alt text](src/assets/screenshots/desktop.png "Screenshot app for desktop")

Analyser of sound waves, to aid in the tuning of musical instruments. It detects frequencies between C₀ (16,35 Hertz) and B₈  (7902,13 Hertz), and shows a musical note  that matches the recognized frequency.

## Disclaimer

  - This application  depends on the functional capability of the sound devices employed on the hardware that runs it, like a microphone or sound interface.

  - In tests, browsers like Chrome or  other Chromium based browsers, were more performant with graphic animation rendering.

## Project goals

The Active Tuner aims at sound wave operations and its digital representation learning. It was necessary the basic understanding of analog to digital signal conversion algorithms. We also had to learn the browser's audio API, like Chrome and Firefox. Only then could we  build  a web application to be able to show a representation  of sound frequencies and their matching musical notes during the sound recording.

## Technologies and tools

### Web Audio API

  - To record and reproduce the sound waves

### Pitch detection algorithm - PDA

  - To determine the frequency of a digital sound signal 

### Canvas API

  - Used to  graphically show musical notes and frequencies' hertz

  - The best technology found for smooth and performant rendering, because of the high volume of data and time required to update notes and frequencies' hertz on screen

### React

  - JavaScript/TypeScript Framework used to build the web application

### Typescript/Javascript

  - Language used to handle Web Audio API

  - Perform calculations of detection pitch algorithm

  - Building of the application with ReactJS

## Contributors

  - Renan Lopes

  - Wesley Araujo

## Designer

  - Luiz Gustavo

## Acknowledgments

  - Saulo Freire