Online Metronome

Online metronome to stay in time!

  • “+” or “→” to increase the tempo
  • “-” or “←” to decrease the tempo
  • “Shift” and “+” or “-” to increase/decrease the BPM by 10
  • Spacebar to start/stop the metronome
  • Enter to start the metronome
  • Esc to stop the metronome

The metronome is based on this code from tabs4acoustic. I have added a tap function to tap the BPM and in Google Chrome, Opera and Vivaldi the clicking of the sound has been fixed.

This Post Has 11 Comments

  1. Chad June 3, 2019 Reply

    Hey man, I really like the metronome!

  2. Matt May 4, 2020 Reply

    Ah, this is a really nice one. I like the note selection feature.

    One small bug: click on a note, then use the keyboard to adjust the tempo. The tempo changes, but so does the note.

    1. Another Producer May 4, 2020 Reply

      Hi Matt,

      thank you for your feedback! Unfortunately, I cannot reproduce the issue. Which browser did you use?

      Cheers,
      Phil

      1. Matt December 18, 2020 Reply

        Firefox (currently 84). Also happens on Chromium (87).

        I click a note, and then press any arrow key. Both bpm and note change.

        1. Another Producer December 28, 2020 Reply

          Oh, I see thank you!
          For now, just click outside the note box before using the arrow keys or use “+” and “-” keys (If you hold shift and click on “+” or “-” you change the tempo by 10.
          However, I will implement a solution for this issue 🙂

  3. Joe November 20, 2020 Reply

    Awesome!!! May be if we can download the click track on mp3 format will be perfect

    1. Another Producer November 23, 2020 Reply

      Hi Joe,

      I’m glad you enjoy the metronome! The export function actually is a great idea!
      I will have a look at how to implement it when I have some time.

      Cheers,
      Phil

  4. Tenka & Black Lotus inc. December 19, 2020 Reply

    Yes its cool that metronome! 🙂

  5. Samantha June 25, 2021 Reply

    This is so awesome.

Leave a Reply