Skip to content

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

License

Notifications You must be signed in to change notification settings

3750gustavo/metronome-web-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

License

Stars

Watchers

Forks