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/
Find a file
2024-01-11 04:17:43 +09:00
globals.js refactor: add LocalStorage support, partial type annotation 2024-01-11 04:09:13 +09:00
index.d.ts refactor: add LocalStorage support, partial type annotation 2024-01-11 04:09:13 +09:00
index.html chore: add information about sup39 2024-01-11 04:17:43 +09:00
lib.js refactor: add LocalStorage support, partial type annotation 2024-01-11 04:09:13 +09:00
LICENSE Initial commit 2023-03-29 01:14:15 +08:00
p5.min.js Add files via upload 2023-03-29 01:16:08 +08:00
piano-visualizer.js refactor: add LocalStorage support, partial type annotation 2024-01-11 04:09:13 +09:00
README.md chore: add information about sup39 2024-01-11 04:17:43 +09:00
style.css Add Velocity Mode 2024-01-11 02:20:15 +09:00
tonal.min.js Add files via upload 2023-03-30 19:11:36 +08:00
webmidi.js Add files via upload 2023-03-29 01:16:08 +08:00

鋼琴鍵盤顯示器 by 好和弦+サポミク

88 鍵鋼琴鍵盤顯示器,練琴、拍影片、直播的好幫手!有以下的功能:

  • 免安裝,只要支援 Web MIDI API 的瀏覽器就可以執行Brave、Chrome、Opera、Firefox 都可Safari 不行)
  • 可以顯示正被按住的音,以及被踏板踩住的音。
  • 音符計數器
  • 顯示每秒鐘彈奏音符數量
  • 圓滑指數(最近一秒鐘平均有幾個鍵被同時按住)
  • 熱量消耗估計(參考就好)
  • 左、右踏板深度顯示
  • 音名顯示
  • 和弦辨識(透過 Tonal.js
  • 內建截圖功能(點鍵盤最左上角的角落)

介紹影片:WiwiVideo | YouTube

現在就用用看:https://nicechord.com/pianometer/

PianoMeter by NiceChord+sup39

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://piano.miku.sup39.dev/pianometer/