Piano Online 免安裝網頁鋼琴實測：真正能彈的是首頁 37 鍵

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

想零安裝在瀏覽器裡試彈鋼琴，Piano Online（pianoonline.cc）值得打開，但前提是用對入口。首頁那排 37 鍵的引導式鍵盤是活的：免註冊、按下電腦鍵盤就出聲，跟著畫面提示可以彈完〈生日快樂〉整首。掛著「88鍵虛擬鋼琴」標題的演奏頁則是另一種情況，實測載入當下腳本就停在一個錯誤上，琴鍵按了完全沒有反應。這篇把兩個入口的差別、「真實鋼琴音色」的實際成分，以及曲庫和廣告的邊界攤開來看，你再決定要不要把它加進書籤。

打開首頁就能彈：37 鍵、三個八度、跟著提示完成整首

實測打開首頁，畫面中央就是鍵盤，範圍從 C3 到 C6 共 37 鍵、三個八度，剛好覆蓋初學者前一到兩年會用到的音域。輸入方式有三種：滑鼠點琴鍵、電腦鍵盤直接對應，以及站方在關於頁宣稱的 MIDI 輸入。鍵盤映射拆成好記的幾排：A 到 K 對應一排白鍵，黑鍵交給數字鍵一排，Z 到 M 那排也有一組映射，不用另外設定。MIDI 輸入在沒有額外授權的瀏覽器裡會跳出權限詢問，一般使用者用鍵盤就夠了。

按下去的聲音是真的有載入音檔，實測按鍵當下，瀏覽器向站內請求對應的鋼琴音色檔並順利取得，不是憑空合成的嗶聲。載入策略也算聰明：先抓中央幾個最常用的音，剩下的等你真的按到才補載，所以第一次出聲不用等整套音檔下載完。

首頁本身就被設計成一條上手動線。第一次進站會出現引導流程：先選一首熟悉的歌，畫面標出下一個該按的鍵，彈對了提示往前走，跟著把整首曲子完成，中途放棄還會提醒你別只試幾個琴鍵。選單上另外提供逐鍵提示學歌、自由彈奏與節奏模式三種玩法，還有全螢幕的專注練習。對完全沒碰過鋼琴的人，這條動線比多數同類網站清楚，彈完當下得到的鼓勵也是真的。

Pin

界線也要先說清楚：37 鍵連入門電子琴的 61 鍵都不到，與 88 鍵鋼琴相比少了約四個八度的音域，彈流行歌伴奏夠用，要照譜練古典曲目就會碰到琴鍵不夠的牆。

掛著 88 鍵招牌的演奏頁，載入當下就是壞的

站上另有一個獨立頁面 piano.html，標題和描述都以 88 鍵虛擬鋼琴自稱，搜尋引擎裡看到的正是這組字。實測結果是這一頁完全不能彈：瀏覽器主控台在載入時就丟出未捕捉的 TypeError，出錯的位置在 piano.js 第 61 行，呼叫了一個名為 generatePianoKeys 的方法，而這個方法在整份腳本裡從來沒有被定義過。對照公開的 GitHub 儲存庫，這個呼叫從最早提交就存在，也就是說這一頁很可能從上線起就沒有真正動過。這個錯誤不需要特殊工具就能重現：任何瀏覽器的開發者工具打開主控台、重新載入頁面，都會看到同一行訊息。

畫面上的琴鍵區只剩一塊空白的黑色區域，練習模式的按鈕和選歌下拉還在，按下去沒有任何反應。原始碼裡其實寫死了一個八度的琴鍵標記，但排版與互動都得等出錯位置之後的程式碼，永遠執行不到。更有意思的是這個舊引擎的聲音來源：它把 88 個音符的樣本全部指向一個外部 S3 網址，那個桶子現在已經整個失效，實測直接請求樣本網址得到的是 404。就算哪天腳本修好了，這一頁也只會退到用振盪器合成聲音的後備模式，和「真實鋼琴音色」的字面承諾差得更遠。

Pin

實際的導覽設計也說明了站方自己的取捨：首頁選單上的「線上鋼琴」項目連向的是首頁內的練習區錨點，並不是這個壞掉的頁面。鋼琴演奏頁比較像 SEO 佈局留下的舊門面，搜尋 88 鍵相關字詞進來的訪客會直接撞到壞頁。

「真實鋼琴音色」的成分：借來的樣本，加上運算變形

掛在演奏頁搜尋描述裡的「真實鋼琴音色」，實際拆開原始碼看，成分是公開的 FatBoy 鋼琴音色包：儲存庫裡的樣本下載腳本明白指向 gleitz 的 midi-js-soundfonts 專案，抓的是 acoustic_grand_piano 這組 MP3，單檔約 24KB，整套樣本加起來不到 1MB，作為對照，手機上一套付費鋼琴 App 的基本音色常要數百 MB。這不是站方自己錄的鋼琴，而是開源社群流通多年的免費音色庫，聽感接近入門電子琴，不是平台鋼琴的錄音。

更關鍵的細節在覆蓋範圍：實際放進站內的音檔只有 C3 到 B6 之間的 28 個自然音，黑鍵和超出這段音域的音符，是在播放時用改變播放速率的方式即時變形出來的，每差一個半音，速率就乘上 2 的十二分之一次方。這種做法在網頁樂器很常見，能有效壓低流量，代價是離樣本越遠的音，音色與衰減特性的失真越明顯。首頁鍵盤剛好框在取樣範圍內，黑鍵最多位移一個半音，所以聽感還算穩定，但「真實」兩個字到此為止：它是借來的樣本音色，加上運算出來的伸縮。

還有一個藏在細節裡的上限：每個音符只有一個取樣，按鍵力度只影響音量，不影響音色。真實鋼琴輕彈與重彈會亮出不同的泛音結構，這裡重按輕按聽起來是同一段錄音調大調小，想靠觸鍵強弱做出情緒起伏，這個平台給不了。觸發防抖倒是講究，二十四毫秒內的重複觸發會被忽略，快速連彈不會疊出雜音；就算某個樣本載入失敗，引擎還有一條振盪器的後備路徑，聲音不會直接消失。

節拍器與音階練習頁：另一半是純音合成

練習工具頁（practice.html）提供了節拍器、音階、和聲與視奏四個模組，版面用了 VexFlow 畫五線譜，看起來相當認真。但它的聲音全部是振盪器即時合成的：節拍器是 880 與 440 赫茲的合成短音，鋼琴音色在原始碼註解裡自己寫明是用單一頻率的純音模擬，音量變化靠指數衰減做出來。拿它練節奏感和認鍵位沒問題，但如果想靠它培養對音色的判斷，那個單薄的電子音會先讓你摘下耳機。

於是這個站形成了有趣的三層聲音結構：首頁是樣本音色、練習頁是純音振盪、壞掉的 88 鍵頁什麼都沒有。同一個網址底下，三種體驗，也解釋了為什麼不同入口會給人完全不同的印象。

43 首公有領域曲庫，權利邊界畫得意外謹慎

曲庫頁自稱收錄 43 首可直接練習的曲目，分成入門歌曲、童謠與兒歌、傳統旋律、節日歌曲、古典名曲與拉格泰姆六類，從〈小星星〉、〈兩隻老虎〉到貝多芬〈月光〉、帕海貝爾〈卡農〉，每首都有獨立頁面，標示難度、調號、速度與估計練習時間，編排是簡化過的單旋律，難度集中在一到三級，作為零基礎的前三十首曲目相當合理。

Pin

曲目頁本身也做了互動設計：樂譜檢視會跟著彈奏進度標記音符位置，難度、調號與建議速度都列在同一頁，等於把譜和琴鍵收進同一個畫面。

難得的是權利處理。儲存庫裡有一份曲權清單，24 首標記為公有領域或傳統曲，唯一的例外是流行鋼琴曲 River Flows in You，被明確標成需要權利審查，而對應的頁面線上確實不存在。多數免費琴站對曲庫版權隻字不提，這裡至少留下了判斷痕跡，對照我們實測過的各種一人生產網站，這種自我設限並不常見。

教學文、llms.txt 與插頁廣告：內容工廠的一面

這個站的另一面是規模化的內容擴張。2026 年 7 月的一次大提交把它定位成「工具加內容學習中心」，一次加入十個雙語教學主題、八首古典曲目、可擴展的頁面產生器和整批 sitemap；儲存庫裡還有一份 SEO 操作指南，自述當時每日訪客不到 100，目標兩週內翻倍，並為 AI 爬蟲準備了 llms.txt。站點同時提供英文版鏡像，教學主題標榜從零基礎、練習方法到經典曲目的知識庫，線上兩份 sitemap 合計收錄兩百多個網址，44 首曲目的中英雙語頁都在內；儲存庫裡提交的版本只有三十多個，部署時由腳本批次重建，這也是單人能顧好上百個頁面的原因。對使用者來說這不代表內容是假的，教學頁確實存在且雙語，但你要知道自己看到的是一個以搜尋流量為目標的單人專案，不是機構級的教學平台。

商業模式相應而生：全站掛 Google AdSense 自動廣告，實測頁面載入了 AdSense 自動廣告，連插頁格式的元件都一併載入，加上 Google Analytics 追蹤。而站方沒有提供隱私政策與服務條款，兩個常見網址都是 404，只有一頁寫著理念宣言的關於頁和一組經防爬保護的聯絡信箱，沒有公司或立案資訊。免費線上工具把代價藏在頁面裡是常態，我們在 Converter App 的實測裡也數過類似的廣告密度，差別在於這裡連說明資料怎麼處理的頁面都沒有。

維護狀態同樣要放進考量：儲存庫由一位開發者主力推進，130 次提交集中在 2024 年 11 月到 2026 年 7 月，之後就凍結；網域在 2024 年 12 月註冊，到期日是 2026 年 12 月，距離現在只剩兩個月。專案沒有授權條款檔案，設定檔裡宣告的 ISC 授權在法律上屬於未完成狀態，想拿原始碼自架的人要自己評估。

零安裝試琴的人留書籤，要 88 鍵或真琴音色的人跳過

適合的場景很具體：臨時想按幾下琴鍵、幫小孩找免費的入門曲目、在辦公室用鍵盤偷練手指，或想先確認自己對鋼琴有沒有興趣再考慮買琴。這些需求它都能滿足，而且零安裝零註冊，引導流程會帶你把整首曲子彈完，比單純擺一排琴鍵的網站多了完成感。舉例來說，家長想讓小學低年級的孩子先熟悉〈小星星〉的旋律再考慮報名學琴，或學生在宿舍沒空間放琴、上班族午休想動動手指，這類情境它都勝任。把引擎整個搬進瀏覽器的做法，我們在本地跟讀工具 Hi Speaking 的實測裡也看過類似的路線。

不適合的情況也一樣明確：需要完整 88 鍵範圍、需要接近真琴的音色表現、希望介面有繁體中文（目前只有簡體中文和英文），或在意隱私條款與長期維運的讀者。想聽更好的音色樣本或玩 AI 音樂生成，可以先看我們實測過的 DiffRhythm，方向不同但完成度高得多。把它當成隨手可用的入門白板，而不是長期學習的主要工具，這個定位最接近它的真實樣貌。