線上鋼琴鍵盤

一架 88 鍵的鋼琴在瀏覽器裡是什麼樣？

按下鍵盤上的 A、S、D 鍵，螢幕上對應的白鍵就會亮起併發出 C4、D4、E4 的音高。線上鋼琴鍵盤把標準鋼琴的琴鍵、音色和和絃識別功能搬進瀏覽器，藉助 Web Audio API 合成出聲，不需要安裝任何軟體。琴鍵支援滑鼠點選和物理鍵盤對映，預設對映中 A 鍵對應 do（C4），W 鍵對應升 do（C#4），依次排列。音量可以透過滑塊實時調節，勾選“顯示音名”覈取方塊會為每個琴鍵標註音名和鍵盤快捷鍵，方便零基礎使用者對照學習。工具還內建了和絃速查功能——輸入和絃名稱，琴鍵自動高亮並播放分解和絃；反過來，同時按下幾個鍵，識別區會顯示出對應的和絃名。錄製按鈕可以隨時捕捉彈奏，並匯出為 MP3 音訊或 MIDI 檔案。

怎麼使用這個線上鋼琴鍵盤

1. 調節基礎設定：開啟頁面後，先拖動頁面上的音量滑塊到你舒服的響度，再勾選“顯示音名”覈取方塊，琴鍵上就會出現音高標籤和對應的電腦鍵盤按鍵名。如果不需要標籤，保持取消勾選即可。
2. 用鍵盤或滑鼠彈奏：在電腦上直接用滑鼠點選琴鍵，或者按照鍵盤對映敲擊物理按鍵。預設對映中，A 到 J 這七個白鍵對應 C4 到 B4，上排的 W、E、T、Y、U 等鍵是黑鍵。彈奏時，按下的琴鍵會高亮，鬆開後停止發聲。
3. 快速試聽和絃：在“和絃查詢”輸入框中輸入一個和絃名稱，比如 Cmaj7，然後點選旁邊的“播放”按鈕。工具會立即高亮 C、E、G、B 四個鍵，並依次播放聲音。你還可以點選輸入框下方的常見和絃按鈕（如 C、Dm、G7）一鍵填入和絃名。
4. 反向識別和絃：用滑鼠或鍵盤同時按下 C、E、G 三個鍵，識別區會顯示“C 大三和絃”。按下的鍵越多，識別的和絃型別越豐富。鬆開琴鍵後識別結果自動清除。
5. 錄製與匯出：點選“錄製”按鈕，開始彈奏；彈完後點擊“停止”，可以試聽剛纔的演奏。滿意後，選擇“匯出 MP3”儲存為音訊檔案，或選擇“匯出 MIDI”儲存音符資訊，便於在打譜軟體或編曲軟體中繼續編輯。

實操示例：彈奏《小星星》第一句

以下用預設鍵盤對映的物理按鍵完成《小星星》開頭四個小節，彈奏時請確保輸入法已切換為英文模式：

• 按鍵 A（C4）→ 再按一次 A（C4）→ 按鍵 G（G3）→ 再按一次 G（G3）→ 按鍵 H（A3）→ 再按一次 H（A3）→ 按鍵 G（G3）

對應的音是 do do sol sol la la sol。彈奏時，螢幕上的琴鍵會同步高亮，音量滑塊可以隨時調整響度。如果你想加深記憶，可以勾選“顯示音名”，邊彈邊看鍵位上的音名和快捷鍵提示。透過這個簡單的旋律，你就能快速感受鍵盤對映的節奏和響應。

典型使用場景

• 音樂啓蒙與識譜：學生或初學者開啟頁面，跟著內建教學曲譜（如《歡樂頌》片段）中的高亮提示，按下對應鍵盤按鍵，逐步熟悉音符位置和節奏感，不依賴實體鋼琴也能練習。
• 樂理與和絃學習：想弄清楚 Cmaj7 由哪幾個音構成，直接在“和絃查詢”輸入並播放，琴鍵高亮一目瞭然。再用滑鼠點選 C、E、G、B 試試反向識別，鞏固記憶。
• 靈感記錄與簡單編曲：自媒體作者或音樂愛好者隨手彈一段旋律，用錄製功能錄下並匯出為 MIDI，匯入手機或電腦上的打譜軟體（如 MuseScore），就能生成正式樂譜繼續完善。

注意事項與侷限

• 鍵盤對映在中文輸入法狀態下可能失效，彈奏前請務必切換至英文輸入模式，否則按鍵會被輸入法攔截。
• 和絃識別目前以常見三和絃、七和絃和掛留和絃為主，複雜的爵士和絃或省略音和絃可能無法識別，或高亮的琴鍵不全。
• 移動端觸控式螢幕上同時按下多個黑鍵時，受限於觸控取樣，可能會有延遲或漏識別，建議在電腦上用滑鼠或物理鍵盤獲得最佳體驗。
• 錄製和匯出均在瀏覽器本地完成，不會上傳任何聲音資料；但錄製檔案較大或同時進行大量運算時，低配置裝置可能出現短暫卡頓。
• 這個虛擬鋼琴的音色透過合成器模擬生成，與真實鋼琴的共鳴和力度反饋存在差異，不能完全替代物理樂器，更適合練習、靈感記錄和教學輔助。

常見問題 FAQ

• 電腦鍵盤上哪個鍵對應 do？
  預設狀態下，A 鍵對應中央 C（C4），也就是 do。S 鍵是 re（D4），D 鍵是 mi（E4），F 鍵是 fa（F4），G 鍵是 sol（G4），H 鍵是 la（A4），J 鍵是 si（B4）。黑鍵則由 W、E、T、Y、U 等鍵控制，可以在勾選“顯示音名”後對照鍵點陣圖使用。
• 和絃查詢能識別哪些和絃？
  支援常見的大三和絃（如 C）、小三和絃（如 Dm）、七和絃（如 C7、Cmaj7）以及部分掛留和絃（如 Csus4）。一些複雜的增六和絃、延伸和絃可能無法正確識別，此時反向識別功能會顯示近似結果或無結果。
• 匯出的 MIDI 和 MP3 各有什麼用？
  MIDI 檔案只記錄音符的音高、時值和力度，體積小，可以匯入 Cubase、FL Studio、MuseScore 等軟體繼續編輯和換音色。MP3 是直接渲染的音訊檔案，適合快速分享給別人試聽，但不能再修改音符內容。
• 移動端能彈和絃嗎？
  可以，但受限於觸控屏的多點觸控，有時同時按下三個以上琴鍵會有延遲或遺漏。如果需要頻繁使用和絃識別，建議在電腦上操作。
• 這個工具需要聯網嗎？
  頁面首次載入後，核心功能（琴鍵點選、和絃查詢、錄製）都在瀏覽器本地執行，彈奏時不需要持續聯網。但如果你的瀏覽器禁止了指令碼或音訊，需要允許後才能發聲。

現在你可以在上方的線上鋼琴鍵盤裏試試自己的數字——隨便敲幾個鍵，或者輸入第一個和絃名稱，聽聽看。