https://github.com/dfsp-spirit/learn_musical_notes
Web-based training tool to learn reading musical notes, e.g. for playing the piano or guitar.
https://github.com/dfsp-spirit/learn_musical_notes
education educational-software music webapp
Last synced: 4 months ago
JSON representation
Web-based training tool to learn reading musical notes, e.g. for playing the piano or guitar.
- Host: GitHub
- URL: https://github.com/dfsp-spirit/learn_musical_notes
- Owner: dfsp-spirit
- License: mit
- Created: 2025-03-03T10:49:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T09:42:25.000Z (over 1 year ago)
- Last Synced: 2026-02-04T09:41:13.213Z (4 months ago)
- Topics: education, educational-software, music, webapp
- Homepage: https://dfsp-spirit.github.io/learn_musical_notes/
- Size: 762 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Learn Musical Notes Online
Some fun web-based music tools.
* [WebPiano](./docs/webpiano): Web Piano: An web-based piano for the browser, implemented in HTML5, CSS and Tone.js. With support for mobile (touch, responsive design). You can play individual keys or swoosh over them with the mouse or with touch input. On devices with a keyboard, you can select between different keyboard layouts (QWERTZ, QWERTY, AZERTY) to play with the keyboard.
* [NoteMaster](./docs/notemaster/): NoteMaster: A web-based tool to help you to learn reading musical notes. A note is displayed, and you need to click the correct name to identify it. Supports different clefs (treble, bass, alto) and note nomenclature systems (International, German, Solfège). Also allows you to select the range of octaves in which you want to practice. If you feel like it, you can use a timer to track your progress.
## Trying the tools now in your browser now
The tools are deployed via GitHub pages, so go here to try them out:
* [Run WebPiano live](https://dfsp-spirit.github.io/learn_musical_notes/webpiano/)
* [Run NoteMaster live](https://dfsp-spirit.github.io/learn_musical_notes/notemaster/)
## Author
Tim Schäfer