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、Firefox 都可,Safari 不行)
- 可以顯示正被按住的音,以及被踏板踩住的音。
- 音符計數器
- 顯示每秒鐘彈奏音符數量
- 圓滑指數(最近一秒鐘平均有幾個鍵被同時按住)
- 熱量消耗估計(參考就好)
- 左、右踏板深度顯示
- 音名顯示
- 和弦辨識(透過 Tonal.js)
- 內建截圖功能(點鍵盤最左上角的角落)
現在就用用看: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, Firefox are OK, doesn't work on Safari)
- 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 (with English subtitles!): PeerTube | YouTube
Try it now: https://nicechord.com/pianometer/