https://github.com/chinnanj666/piano-music

"Piano Music" is a responsive web application enabling users to play piano notes via keyboard or touch screen, featuring interactive keys, adjustable volume, and customizable key visibility. Built with HTML5, CSS3, and JavaScript for a seamless musical experience.
https://github.com/chinnanj666/piano-music

Last synced: 4 months ago
JSON representation

"Piano Music" is a responsive web application enabling users to play piano notes via keyboard or touch screen, featuring interactive keys, adjustable volume, and customizable key visibility. Built with HTML5, CSS3, and JavaScript for a seamless musical experience.

• Host: GitHub
• URL: https://github.com/chinnanj666/piano-music
• Owner: chinnanj666
• Created: 2024-07-06T03:30:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-06T03:53:17.000Z (over 1 year ago)
• Last Synced: 2025-03-03T00:22:16.139Z (9 months ago)
• Language: HTML
• Homepage:
• Size: 714 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Piano Music

Piano Music is a web-based application that allows users to play piano notes using their keyboard or touch screen. It provides a simple interface with responsive design, making it accessible on various devices.



## Features

- **Interactive Piano Keys**: Click or touch the keys to produce musical notes.

- **Keyboard Support**: Play notes using corresponding keys on your computer keyboard.

- **Responsive Design**: Optimized for both desktop and mobile devices.

- **Volume Control**: Adjust the volume slider to control the sound output.

- **Key Visibility Toggle**: Hide or show the keys using the checkbox option.

## Getting Started

To run this project locally, follow these steps:

1. Clone the repository: `git clone https://github.com/chinnanj666/piano-music.git`

2. Navigate to the project directory: `cd piano-music`

3. Open `index.html` in your web browser.

Alternatively, you can [view a live demo here](https://chinnanj666.github.io/piano-music/).

## Usage

- Press the piano keys displayed on the screen or use the corresponding keys on your keyboard to play notes.

- Adjust the volume slider to control the sound output.

- Toggle the checkbox to hide or show the piano keys on the interface.

## Technologies Used

- HTML5

- CSS3 (including Flexbox and CSS Grid)

- JavaScript (ES6)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.