Skip to content

Latest commit

 

History

History
35 lines (28 loc) · 1.22 KB

README.md

File metadata and controls

35 lines (28 loc) · 1.22 KB

Enhanced Metronome with Fullscreen Slideshow and Image Settings

Web APP screenshot

Description

This is a simple metronome image player with built-in metronome playback, image slideshow, accelerating/decelerating metronome, and more. Built with HTML, CSS, and JavaScript.

Features

  • Adjustable tempo (BPM) using a slider
  • Three sound options: Beep, Woodblock, Cowbell
  • Fullscreen mode for immersive practice
  • Image slideshow with customizable aspect ratio and maximum dimensions
  • Ability to select multiple images for the slideshow

Usage

  1. Open the index.html file in a web browser.
  2. Adjust the tempo using the slider.
  3. Choose a sound from the dropdown menu.
  4. Click the "Select Images" button to choose images for the slideshow.
  5. Customize the aspect ratio and maximum dimensions if desired.
  6. Click the "Apply Settings" button to update the slideshow.
  7. Click the "Fullscreen" button to enter fullscreen mode.
  8. Click the "Start" button to begin the metronome.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Web Audio API

Author

  • Gustavo Rossoni Corrêa De Barros

License

This project is licensed under the MIT License - see the LICENSE file for details.