sandeepkrsuman / metronome

metronome app built with react

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

metronome's Issues

Inconsistent Audio Playback Issue with Dynamic BPM Input

When the BPM (Beats Per Minute) input dynamically changes, the audio playback of the metronome becomes inconsistent. This inconsistency could be attributed to the asynchronous nature of setInterval(), leading to timing discrepancies.

Possible Causes:

1. Asynchronous nature of setInterval()
2. Lack of synchronization between BPM changes and audio playback.
3. Delay in updating state value of bpm using useState()

Steps to Reproduce:

1. Change the BPM input dynamically while audio playback is ongoing.
2. Observe the inconsistency in audio playback timing.

Tasks:

1. Investigate the current implementation of audio playback and BPM synchronization.
2. Experiment with alternative timing mechanisms to achieve consistent playback.
3. Implement and test potential solutions.
4. Encourage discussion and suggestions in the comments section.

Expected Outcome:

By resolving this issue, we aim to ensure consistent audio playback even when the BPM input changes dynamically, improving the overall user experience of the metronome.