線上鼓墊是指瀏覽器鼓機內部可點擊的格子，你可以開啟或關閉它們來編寫節拍，而線上鼓機提供 48 個這樣的墊，以 16 步網格、三個音軌的形式排列:大鼓、小鼓與 hi-hat。十六個步驟中的每一步都為每個音軌保留一個墊，因此切換任何一個格子，就會讓該樂器在對應的十六分音符位置發聲。由於音訊是使用瀏覽器的 Web Audio API 節點合成，而不是錄製好的取樣，因此不會下載或上傳任何檔案，不需要帳號，也不需要網路連線來載入音效。速度以 40 到 240 BPM 之間的整數輸入，這裡的 BPM 是以音樂上每分鐘四分音符數的意義來定義。在 120 BPM 下，每個十六分音符墊每 0.125 秒觸發一次，一個完整的小節持續兩秒，這個速度足以勾勒嘻哈、搖滾或浩室的律動，同時又夠簡單，讓第一次使用編曲機的人能在手機、平板或筆電螢幕上閱讀。
「Drum Pads Online」在瀏覽器中的含義
「drum pads online」這個詞被用來描述兩種不同的東西。在某些搜尋結果中，它指的是零售商販售的實體鼓練習墊——鼓手用鼓棒敲擊的橡膠與網狀表面。在瀏覽器中，同樣的詞被用來指點擊或觸碰時觸發鼓聲的格子。兩者共享一個核心概念:墊是你敲擊以發出鼓聲的東西。線上鼓機將網格上的每個格子視為一個墊，你可以切換開啟或關閉，決定大鼓、小鼓或 hi-hat 是否在該十六分音符步上發聲。
這個區別很重要，因為這個網格不是一個你想敲就敲的大型鼓。它是一台編曲機。你先安排好 pattern，然後按 Play 來聆聽它循環播放。它沒有力度分層、沒有重音音軌，也沒有指鼓模式。每個墊只做二元決定——在它的時槽中要嘛發聲，要嘛保持寂靜——這讓正在學習小鼓反拍與閉合 hi-hat 在小節中位置的新手能輕鬆閱讀。
16 步網格如何作為 48 個鼓墊運作
網格是這個工具的核心。它以三列十六個按鈕的形式排列，每列對應一個鼓聲:大鼓、小鼓與 hi-hat。每個直欄是四拍小節內的一個十六分音符步。這表示整個介面中正好有 48 個鼓墊(3 個音軌 × 16 步)，按下任何一個墊都會切換該樂器在指定時槽中的開啟或關閉。
當 pattern 循環時，移動的外框會顯示目前步驟，讓你能看到是哪一個十六分音符正在發聲。按下「清除 pattern」會一次關閉所有 48 個墊，當你想從寂靜開始勾勒，而非一個一個靜音格子時，這個功能很有用。按下「停止」並不會改變 pattern——它只會釋放音訊上下文，讓播放真正停止——這代表你的編排會在你再次按下 Play 時被保留下來。
| 音軌 | 每小節墊數 | 聲音如何構成 | 初始 pattern |
|---|---|---|---|
| 大鼓 | 16 個墊 | 短的正弦振盪器，音高下降並伴隨增益衰減 | 在四分音符上(步 1、5、9、13) |
| 小鼓 | 16 個墊 | 本機產生的雜訊緩衝區，通過高通濾波器與增益包絡 | 在第 2 與第 4 拍(步 5 與 13) |
| Hi-hat | 16 個墊 | 較短、較安靜的雜訊脈衝，具有更高的高通截止頻率 | 在每個八分音符上(步 1、3、5、7、9、11、13、15) |
起始 pattern 是一個簡單的四拍底鼓範例，你可以依自己的步調替換。把它當作安全網，而非完成的節拍:點擊任何一個墊都會將它從開切換為關，或從關切換為開，完全不需要擔心復原紀錄。
設定速度並編寫節拍
- 在目前的桌面或行動瀏覽器中開啟線上鼓機。
- 在速度欄位中輸入 40 到 240 之間的整數。120 BPM 是舒適的起始脈動。
- 點擊大鼓列上的任何格子，在該十六分音符步加入大鼓，或再次點擊以移除它。
- 點擊小鼓列上的格子來放置小鼓打擊。經典的位置是放在步 5 與 13。
- 點擊 hi-hat 列上的格子來加入閉合 hi-hat。八分音符的位置會在每個奇數步放上一個 hi-hat。
- 按下 Play。瀏覽器在這第一次點擊時建立 AudioContext，在其時間軸上排程事件，移動的外框會標示目前步驟。
- 當你想結束播放時按下 Stop。再次按下 Play 會從步 1 重新開始循環。
- 按下「清除 pattern」來關閉所有 48 個墊，讓你能從寂靜勾勒新想法。
如果你在播放期間將 BPM 變更為新的整數，工具會停止目前的執行，釋放其音訊上下文，並等待你再次按下 Play。這避免了同時來自兩個速度的事件重疊。在 Play 執行時編輯墊是可行的:這些變更會送入下一次的排程窗口，而不會重新啟動循環。速度輸入為嚴格模式——空白欄位、小數、正負號、指數表示法、單位文字，以及超出 40 到 240 範圍的值，各自會顯示可恢復的錯誤，讓你能修正後再試一次。
BPM 運算與每個墊的持續時間
此工具中的 BPM 定義為每分鐘四分音符數，這與 W3C MusicXML 規範所記載的慣例相同。小節包含四個四分音符，每個四分音符再分割成四個十六分音符步，因此一個循環中有十六個步驟。每個墊時槽的持續時間因此為 60 ÷ BPM ÷ 4 秒。
| 速度(BPM) | 墊時槽持續時間(60 ÷ BPM ÷ 4 秒) | 完整 16 步小節長度 |
|---|---|---|
| 40 | 0.375 秒 | 6.000 秒 |
| 80 | 0.1875 秒 | 3.000 秒 |
| 120 | 0.125 秒 | 2.000 秒 |
| 160 | 0.09375 秒 | 1.500 秒 |
| 240 | 0.0625 秒 | 1.000 秒 |
以預設速度的計算範例來說:在 120 BPM 下，一個十六分音符墊的持續時間為 60 ÷ 120 ÷ 4 = 0.5 ÷ 4 = 0.125 秒。將它乘以十六個墊，得到完整小節為 16 × 0.125 = 2.000 秒。因為循環的步 1 與步 17 相同，只要按住 Play,pattern 就會無縫播放。同一個排程函式同時支援單元測試與即時音訊排程器，因此你聽到的數值與測試套件保證的數值相符。
為什麼聲音是合成的而非錄製的
你聽到的每個聲音都是在播放時使用瀏覽器 Web Audio API節點即時產生的。大鼓使用一個正弦振盪器，其頻率快速下降，同時增益衰減，產生合成大鼓柔軟的「boom」聲。小鼓由新建立的雜訊緩衝區構成，經過高通濾波器與增益包絡路由;閉合 hi-hat 則使用較短、較安靜的雜訊脈衝，具有更高的高通截止頻率。這些聲音都不是來自下載的取樣資料庫，因此這個工具永遠不需要聯絡取樣主機，也不必繼承第三方的授權。
這個設計帶來一些實際影響。第一，啟動這個工具除了載入頁面本身之外，不需要網際網路連線。第二，小鼓與 hi-hat 的雜訊是每次打擊時重新產生的，因此確切的音色在每次打擊之間、不同瀏覽器之間、不同作業系統之間，以及不同音訊輸出裝置之間，可能會略有不同。第三，沒有錄製的細微差異需要保留:每個大鼓聽起來都像同一個快速正弦脈衝，每個 hi-hat 聽起來都像同一個短雜訊脈衝。如果你想要跨 session 或裝置取得取樣完全相同的渲染結果，你需要在專門的數位音訊工作站中渲染 pattern，該工作站應提供固定的取樣。
這些鼓墊無法取代的東西
在將你的想法投入這個工具之前，了解它的邊界會有所幫助。這些鼓墊不支援 swing、不支援三連音、不帶力度或重音值，也不提供每軌音量或殘響、延遲等效果。沒有錄音按鈕，無法匯出為 WAV 或 MIDI，沒有 MIDI 同步，也不支援任意拍號——小節永遠是四個四分音符除以十六分音符。
聆聽環境方面也存在限制。可聽的聲音來源使用其排程的 Web Audio 開始時間，而不是 JavaScript 回呼時間，這減少了一般主執行緒的抖動，但嚴重的瀏覽器節流、背景分頁暫停、裝置變更，以及高系統負載，仍可能改變你聽到的聲音。不保證背景播放。如果你需要將速度鎖定到另一台裝置上的節拍器、渲染 stems，或校準延遲，請將 pattern 概念轉移到專門的音樂應用程式中。
給首次使用者的訣竅
一次只處理一個音軌，讓網格保持清晰易讀。常見的暖身方式是清除 pattern，將大鼓放在步 1、5、9 與 13，然後在小鼓的步 5 與 13 加上小鼓，接著在每個奇數步放上 hi-hat。按下 Play 並聆聽。然後刪除一兩個 hi-hat 墊來打斷持續的八分音符，調整小鼓的位置，或是將大鼓移到步 8 以讓小節向前推進。因為只有 48 個墊，你可以立即試聽每個變更，而不必捲動或縮放。
在按下 Play 之前，將裝置音量保持適中，特別是透過耳機時。在某些輸出系統上，合成的暫態聽起來可能比預期更響，而且這個工具不會套用主限制器。步驟指示器僅使用顏色與外框，當你的裝置要求減少動態效果時，顏色過渡會被停用，因此如果你偏好，你仍然能在沒有動畫的情況下看到移動的墊。如果你想免費逐步了解 16 步網格通常如何建構，請參閱免費線上節拍製作工具:勾勒 16 步鼓組節拍，這是一篇針對新手的配套文章。
若想更深入了解，請參閱線上殘響:Amount 滑桿對濕聲點擊的作用。