Portfolio

PianoMaster

Strona · Nauka gry na pianinie / aplikacja w przeglądarce

Nuty spływają na klawiaturę, a aplikacja czeka, aż zagrasz właściwy dźwięk – na pianinie MIDI, klawiaturze komputera albo myszą.

Darmowa aplikacja do nauki gry na pianinie z plików MIDI, działająca w przeglądarce bez instalacji. Wodospad nut, klasyczna notacja, ocena gry w czasie rzeczywistym i wbudowana biblioteka ponad czterdziestu utworów i ćwiczeń.

PianoMaster rysuje nadchodzące nuty jako wodospad spadający na klawiaturę – w perspektywie albo płasko – a nad nim pokazuje ten sam fragment w klasycznej notacji, składanej fontem muzycznym Bravura. Klawisze podświetlają się przy graniu, w miejscu trafienia pojawiają się iskry, a wizualizator pokazuje widmo dźwięku.

Są trzy tryby: Słuchaj, Ćwicz – w którym utwór czeka na właściwe dźwięki – i Występ z punktacją. Tempo da się zmieniać od 20 do 200 %, transponować o 12 półtonów, ćwiczyć jedną ręką, zapętlić fragment A–B i przejrzeć mapę pomyłek z podsumowaniem. Grać można na instrumencie podłączonym przez Web MIDI, na klawiaturze komputera albo myszą, a syntezator Web Audio obejmuje wszystkie 128 brzmień General MIDI.

Bez rejestracji gra się całą wbudowaną biblioteką – melodie z domeny publicznej, gamy, arpeggia, kadencje i etiudy. Darmowe konto służy do wgrywania własnych plików MIDI. Strona jest w trzech językach (PL, EN, DE), z renderowanym po stronie serwera landingiem pod SEO. Backend to FastAPI z mido i SQLite, frontend – czysty JavaScript i Canvas.

Strona startowa: darmowa nauka gry na pianinie bez instalacjiWodospad nut nad klawiaturą i klasyczna notacja utworuBiblioteka utworów i ćwiczeń z czasem trwania i poziomem trudności

Funkcje

  • wodospad nut i klasyczna notacja nad klawiaturą
  • tryby Słuchaj, Ćwicz i Występ z punktacją
  • tempo, transpozycja, wybór ręki i pętla A–B
  • pianino MIDI, klawiatura komputera albo mysz
  • ponad 40 wbudowanych utworów i ćwiczeń, własne pliki MIDI na koncie
  • interfejs po polsku, angielsku i niemiecku

Technologie

  • Python
  • FastAPI
  • mido
  • SQLite
  • JavaScript
  • Canvas
  • Web Audio
  • Web MIDI
  • Docker

Mój udział

Pomysł, projekt, implementacja, treści i wdrożenie

https://pianomaster.io