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
Wiwi Kuan 2d9b98fa6e
Merge pull request #2 from jxzhe/color-picker
Add color picker and rainbow mode toggle
2023-04-03 19:17:06 +08:00
globals.js Add colorpicker and rainbow mode toggle 2023-04-01 01:35:21 +08:00
index.html Add colorpicker and rainbow mode toggle 2023-04-01 01:35:21 +08: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 Toggle Flat Note Names 2023-03-30 19:21:44 +08:00
README.md Update README.md 2023-03-31 23:57:44 +08:00
style.css Add colorpicker and rainbow mode toggle 2023-04-01 01:35:21 +08: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

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/