好和弦的「鍵盤顯示 App」，線上直接用！

🌐 不囉唆，先放連結 → https://NiceChord.com/pianometer/

🐱 原始程式碼 → https://github.com/wiwikuan/pianometer

不曉得你記不記得我兩年前曾經寫過一個鋼琴鍵盤顯示 App？就是你彈鋼琴，畫面上的鋼琴就會亮的東西，那個 App 我個人是一直到現在每天都在使用，不管是教線上課還是直播都一定會開著。

雖然這個 App 很好用，但是它有一個很大的問題，就是它是用 Java 寫的，你要用它之前，還需要安裝下載 Processing，然後再裝一個 MIDI 函式庫，對於一般大眾而言有點太麻煩。

我趁最近剛好有時間，就把它整個移植到了 JavaScript 上面，並且還加了很多有趣的新功能，接下來我就要介紹給你，並且教你如何使用。

但如果作為直播使用的話，原本的 Java/Processing 版本來還是很好用的！可以看看之前的介紹影片，或是到 GitHub 頁面下載原始碼。

這次的新版鍵盤顯示 App，是完全不需要安裝的喔！你只要用任何支援 Web MIDI API 的瀏覽器，例如像 Brave、Firefox、Chrome、Vivaldi、Opera 都可以，直接輸入網址到：

就可以直接開始使用了！完全免費，沒有廣告，也沒有任何功能限制。

拉頁面最上面的滑桿，選擇 MIDI 裝置，就可以開始彈鋼琴囉！那麼，接下來我就快速幫你導覽一下我這個 App 的功能亮點。

即時鍵盤顯示：當你彈琴的時候，按住的音會用很漂亮的洋紅色顯示出來，而且如果音被踏板延長，也會繼續用比較暗的顏色顯示。據我所知，到目前為止它應該還是唯一一個可以顯示踏板延長音的 App。

音符計數器：你會不會想要知道你彈的曲子到底有幾個音呢？現在你不需要拿譜來慢慢數了，只要彈過一遍，它就會幫你統計音符數量囉！

音符速率計：這個區塊會測量你最近一秒鐘彈下了幾個音，而且它會記錄目前曾經達到的最高速率是多少；想要知道自己的音階、顫音、同音反覆可以彈多快嗎？現在你可以用這個 App 來挑戰自己的記錄了。

圓滑指數：這個圓滑指數應該算是好和弦的發明，它是在測量最近一秒鐘平均來說有幾個鍵被同時按住，你可以用它來測量跳音的長度、圓滑奏的重疊程度、或是音相互連接的質感，對於鋼琴老師跟學生都相當有用。

例如，如果在彈單音斷奏時，看到的圓滑指數是大約 0.3 左右，就表示這些斷奏的長度約占音符時值的 30%。
如果把每一個單音都恰好連接在一起的話，圓滑指數會剛剛好是 1，這個就是最一般的圓滑奏彈法。
有的時候，我們會想要在彈圓滑奏的時候，把前後的音稍微重疊一點點，也就是後面的音彈下去之後，過零點零幾秒才放掉舊的鍵，這樣會造成音連接的時候，有更綿密、更圓滑的質感。這樣子彈的時候，圓滑指數會超過 1。
如果想要音連接的感覺是比較清晰、比較粒粒分明的話，你通常會想要稍微早一點點放掉舊的鍵，不要讓兩個音完全連起來，這種觸鍵的圓滑指數大概會在 0.8 ~ 0.9 左右。

熱量消耗：我參考了網路上的資料，寫了一個簡單的算法來估計你彈琴額外消耗的熱量，當然一定不會很準啦！這個大家當作好玩就好，不過你現在也可以把你的數位鋼琴當作健身工具了，挑戰看看你一分鐘之內可以消耗多少熱量吧！

踏板顯示：App 畫面右下角是鋼琴的左右踏板顯示器，如果你的數位鋼琴是支援半踏板的話，它還可以顯示出踏板踩下去的深度喔！

音名與和弦顯示：第一行是把所以按住和踩住的音名，從低到高依序列出來，這樣彈了什麼音就一目了然！雖然是很簡單的功能，但是好像別的 App 都沒有作進去。

第二行是和弦辨識，我是直接使用了另外一個自由軟體 Tonal.js 的演算法，它不是很完美，但是簡單的和弦應該是可以成功辨識的。然後還有一個小小密技，就是點這個音名及和弦顯示區塊，就可以切換音名是要用升記號還是降記號顯示喔！

截圖功能：只要點鍵盤最左上角的地方，就可以把當下的狀態存成圖片。想要告訴大家你今天彈了幾個音，或是某一個和弦要怎麼按嗎？截圖後就可以直接分享出去囉！或者，如果你是一個老師要做講義的話，這個功能應該也很方便。

以上就是好和弦新版的鋼琴鍵盤顯示 App 的簡單導覽，不管你是要自己練琴、拍影片、直播還是教學，這個 App 應該都可以幫助到你。直接到 https://NiceChord.com/pianometer/ 就可以開始用！

更重要的是，這個 App 我是用 GPL 授權條款來釋出的，這表示它是完全自由、完全開放的軟體，你可以到我的 GitHub 頁面找到所有的原始程式碼，想要離線使用，還是想要怎麼修改都隨便你。

不想錯過以後的好和弦的內容的話，建議用 RSS 訂閱我喔！（什麼是 RSS？）

如果覺得我的文章和影片對你有幫助，希望你可以藉由購買我的《即興幼幼班》課程、實體書、大包裝、加入頻道會員，或至少在社群媒體分享這篇文章，以實際行動來幫助好和弦的持續運作。謝謝你！