Piano keyboard & pedals visualizer, with some fun stats about your playing, all in the browser!
Forked from https://github.com/wiwikuan/pianometer (by wiwi)
Demo: https://piano.miku.sup39.dev/pianometer/
| globals.js | ||
| index.html | ||
| LICENSE | ||
| p5.min.js | ||
| piano-visualizer.js | ||
| README.md | ||
| style.css | ||
| tonal.min.js | ||
| webmidi.js | ||
鋼琴鍵盤顯示器 by 好和弦
88 鍵鋼琴鍵盤顯示器，練琴、拍影片、直播的好幫手！有以下的功能：
- 免安裝，只要支援 Web MIDI API 的瀏覽器就可以執行！（Brave、Chrome、Opera⋯⋯）
- 可以顯示正被按住的音，以及被踏板踩住的音。
- 音符計數器
- 顯示每秒鐘彈奏音符數量
- 圓滑指數（最近一秒鐘平均有幾個鍵被同時按住）
- 熱量消耗估計（參考就好）
- 左、右踏板深度顯示
- 音名顯示
- 和弦辨識（透過 Tonal.js）
- 內建截圖功能（點鍵盤最左上角的角落）
介紹影片：WiwiVideo | [YouTube](https://www.youtube.com/watch?v=YsL7WGUEU-4]
現在就用用看：https://nicechord.com/pianometer/
PianoMeter by NiceChord
An 88-key piano keyboard display, great for practicing, recording videos, and live streaming! It has the following features:
- No installation required, just need a browser that supports the Web MIDI API! (Brave, Chrome, Opera, etc.)
- Displays the currently pressed notes as well as the notes sustained by the pedal.
- Note counter
- Shows the number of notes played per second
- Legato score (average number of keys pressed simultaneously in the last second)
- Calories burned estimation
- Pedal depths display
- Note name display
- Chord Recognition (via Tonal.js)
- Built-in screenshot feature (click on the top-left corner of the keyboard)
Introduction video: PeerTube | [YouTube](https://www.youtube.com/watch?v=YsL7WGUEU-4]
Try it now: https://nicechord.com/pianometer/