sup39/pianometer
1
0
Fork 0
Code Issues Pull requests Activity
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/
22 commits 1 branch 0 tags 351 KiB
JavaScript 93.9%
CSS 4.5%
HTML 1.6%
Find a file
jxzhe 810bae60b8
Add Velocity Mode 
When toggled, the color of each note will be affected by its velocity.
Suitable when practicing this kind of stuff:
https://wiwi.video/w/uuwkerA14WnDnysFCh6q4z?start=11m1s
2024-01-11 02:20:15 +09:00
globals.js Add Velocity Mode 2024-01-11 02:20:15 +09:00
index.html Add Velocity Mode 2024-01-11 02:20:15 +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 Add Velocity Mode 2024-01-11 02:20:15 +09:00
README.md Update README.md 2023-03-31 23:57:44 +08: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

README.md

鋼琴鍵盤顯示器 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/