https://github.com/jaybee18/mfp

A free piano learning web-app with support for midi keyboards 🎹
https://github.com/jaybee18/mfp

learn midi midi-controller midi-player piano piano-roll

Last synced: about 1 month ago
JSON representation

A free piano learning web-app with support for midi keyboards 🎹

• Host: GitHub
• URL: https://github.com/jaybee18/mfp
• Owner: Jaybee18
• License: gpl-3.0
• Created: 2024-03-08T22:49:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-24T10:44:31.000Z (12 months ago)
• Last Synced: 2025-04-13T14:13:07.807Z (about 1 month ago)
• Topics: learn, midi, midi-controller, midi-player, piano, piano-roll
• Language: TypeScript
• Homepage: https://mfp-piano.com/
• Size: 2.01 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




##

![Version](https://img.shields.io/github/v/tag/Jaybee18/mfp)

[![Generic badge](https://img.shields.io/badge/Framework-SvelteKit-red.svg)](https://shields.io/)

[![License](https://img.shields.io/github/license/Jaybee18/mfp)](https://shields.io/)

[![Issues](https://img.shields.io/github/issues/Jaybee18/mfp)](https://shields.io/)

A free piano learning web-app with support for midi devices.



### Features:

- Midi Controller Support

- Mouse Support

- Upload your own midi files

- Piano Sampler with up to 7 octaves

- Wait-For-Key-Press mode

- AutoPlay for midi files

- Key labels and press indicators on visual piano

## v0.4

![image](https://github.com/Jaybee18/mfp/assets/64578396/25f0a1af-8492-4988-b4cd-4645e0a89123)

- [x] make piano keys manually clickable

- ui polishing

## v0.3

![image](https://github.com/Jaybee18/mfp/assets/64578396/7f31d611-bc5a-45cf-9910-18733204b847)

- [x] label keys / notes - option

- [x] stop when note isn't hit; resume when hit - option

## v0.2

![image](https://github.com/Jaybee18/mfp/assets/64578396/67f58caa-867c-40cf-ae66-6ac784908bf0)

- [x] adjust viewport (ticks shown)

- [x] adjust playback speed

- [x] better ui?

## v0.1

![image](https://github.com/Jaybee18/mfp/assets/64578396/d6318904-687e-4b9e-a15b-cdb5259f7f98)

- [x] decent ui

- [x] import midi

- [x] play midi

## backlog

- [ ] map midi buttons to play/stop/restart

- [ ] metronome

- [ ] use pitch wheel to scroll notes up/down

- [ ] key holding particle effects

- [ ] customization

- [ ] community midi collection

    - [ ] upload midis

    - [ ] play online midis

- [ ] statistics for played songs (time learned, accuracy, # completed, ...)

- [ ] switch between midi controller and keyboard

- [ ] snap midi notes to ticks (12 ticks? 6 ticks?) - option

- [ ] zeit anzeige switch in

    sekunden

    beats

    prozent

    beats/total beats

    sekunden/total sekunden

- [ ] ending screen

    score for current song

    accuracy?

    time?

    total time?

    difficulty rating?

    next song select

- [ ] pop out piano into new browser window