一個 16 步驟的瀏覽器鼓組音序器，讓你透過切換大鼓、小鼓與 hi-hat 格子在四個四分音符拍之間線上編節拍，其中每個四分音符會被分割成四個等長的十六分音符步驟。由於 BPM 定義為每分鐘四分音符數，步驟時長遵循公式 60 ÷ BPM ÷ 4 秒，因此預設 120 BPM 的循環每 2 秒重複一個完整小節，相鄰步驟相隔 0.125 秒。格點固定為十六個步驟，節拍只接受 40 到 240 之間的整數，每個聲音都在播放時透過 Web Audio 節點合成，因此不會上傳、下載或從外部取樣庫擷取任何音訊檔案。如果你想在不安裝數位音訊工作站、不註冊帳號、或不必翻找預設音色包的情況下線上編節拍，線上鼓機會在你的瀏覽器中以精簡的 16 步驟節奏音序器在本機裝置上處理整個循環。這種單純的定位正是頁面能立即啟動、在普通硬體上保持流暢、並避開第三方取樣組授權問題的原因，而移動中的步驟外框會在循環進行時標示目前在小節中的位置。
「線上編節拍」在瀏覽器中是什麼樣子
大多數搜尋「線上編節拍」的人其實只想要一個具體成果：立刻就能聽到的可用鼓組循環，不必學會整套 DAW。線上鼓機把這個承諾縮到最小可用範圍，僅提供三軌（大鼓、小鼓、hi-hat）、十六個步驟、一個節拍欄位、以及三個播放控制按鈕。你只要點擊格子來開關每個樂器在某個十六分音符位置是否發聲、設定速度、然後按下播放鍵。移動中的步驟外框會標示目前位置，同時迴圈持續播放，讓你能同時看到小節移動並聽到結果。
格點永遠是四個四分音符拍再劃分為十六個等長的十六分音符步驟。預設圖樣是教科書式的四拍地板起步：大鼓落在每個四分音符位置，小鼓落在第二拍與第四拍，閉合 hi-hat 落在八分音符位置。這個起手式只是建議，48 格（3 軌 × 16 步）中的每一格都可以獨立切換，因此你可以一次一格地替換範例，直到圖樣符合你真正想聽到的結果。初學者通常從刪除不想要的格子開始；熟手則從「清除圖樣」起手逐步往上建構。
由於一切都在播放時於瀏覽器中合成，工具啟動時不會連線取樣主機、不需要帳號、也不會上傳任何音訊檔案。沒有擷取鼓組音源的網路往返、沒有擋路的登入視窗、也不會回報你正在編寫什麼。這樣的取捨是刻意的簡化：這是塗鴉本，不是錄音室。如果你完成一個循環並決定需要編曲、擺動或渲染分軌，正確做法是把點子搬到專用的音樂軟體，而不是把這個工具硬推到超出其範圍之外。
設定節拍（40–240 BPM）
本工具的節拍定義為每分鐘四分音符數，與 W3C MusicXML 4.0 中 sound 元素說明文件所使用的節拍含意一致。因此一個四分音符的長度為 60 ÷ BPM 秒，而每個十六分音符步驟為該時長的四分之一：60 ÷ BPM ÷ 4 秒。輸入欄位刻意嚴格，只接受 40 到 240 之間的整數十進位數。空輸入、小數分數、正負號、指數表示、單位文字，以及超出範圍的數值，都會顯示一個可恢復的錯誤，而前一個有效的節拍會持續生效，直到你輸入工具能解析的內容。
如果你在圖樣播放中變更節拍，播放會先停止並釋放音訊環境，再套用新值。這樣可以避免舊的排程器在同一小節上混用兩個節拍，否則會產生可聽見的爆音。在輸入有效的整數後，按下播放鍵會從第一步驟乾淨地啟動循環。另一方面，圖樣的編輯在播放中會即時生效：排程視窗會在每個 tick 讀取當下的格子狀態，因此播放中切換格子會在下一個排程事件立即聽見，不必重新啟動。
40–240 的範圍是基於可用性與排程的保護，而非對音樂節拍極限的聲明。挑一個符合你正在編寫曲子的節拍：80–100 適合慢板嘻哈與 R&B 風格，90–110 適合 downtempo，110–130 適合流行與四拍地板，140–170 適合鼓打貝斯與 jungle，170–200 適合 hardcore、gabber 與 speedcore。如果你不確定從哪開始，把 BPM 留在預設的 120，這落在典型流行曲的中段，每個步驟恰好為 0.125 秒。
建立 16 步驟圖樣
- 在瀏覽器中開啟線上鼓機。
- 在 BPM 欄位輸入 40 到 240 之間的整數節拍。預設為 120，每個十六分音符步驟相隔 0.125 秒。
- 點擊任一格子以切換大鼓、小鼓、hi-hat 該列。按下的格子代表該樂器在對應的十六分音符步驟發聲；再點一次則關閉。
- 按下播放鍵。AudioContext 會在這個手勢時建立，合成的節拍從第一步驟開始循環，步驟外框會標示目前在小節中的位置。
- 按下停止鍵以釋放播放資源並關閉目前的 AudioContext。
- 按下「清除圖樣」一次關閉全部 48 格，從靜默開始建立新的節奏。
如果節拍變更顯示可恢復的錯誤，請先修正數值，因為空輸入、小數分數、正負號、以及 40–240 之外的數值都會被拒絕。在按下播放鍵前，請將裝置音量保持在中等，特別是使用耳機時，因為合成的暫態訊號在某些輸出系統上可能比這個小瀏覽器工具預期的還要大聲。
步驟時長公式一覽
由於格點固定為十六個步驟，且公式同時被排程邏輯與測試套件共用，你可以事先預測任何節拍跑完一小節所需的時間。產品文件驗證了 3 個基準點，其餘數值都遵循同一公式。下表列出這些經驗證的數值，讓你在選定節拍前先聽出最慢與最快設定之間的差異。
| 節拍（BPM） | 步驟時長（秒） | 完整 16 步小節（秒） |
|---|---|---|
| 40（下限） | 0.375 | 6 |
| 120（預設） | 0.125 | 2 |
| 240（上限） | 0.0625 | 1 |
120 BPM 的演算範例：代入公式，60 ÷ 120 ÷ 4 = 0.5 ÷ 4 = 每步 0.125 秒。再乘以一小節的 16 步：0.125 × 16 = 2 秒跑完一整個循環。在下限 40 BPM 時小節長 6 秒，在上限 240 BPM 時小節壓縮為 1 秒。範圍內的任何其他節拍，都遵循同一公式。如果你想更深入了解這些數字如何產生，以及排程器如何在 AudioContext 時間軸上使用它們，BPM 數學與排程指南會以更詳細的方式說明同一個公式。
為何聲音採用合成而非上傳
每個鼓組音色都是在按下播放鍵時即時產生，而非從檔案載入。大鼓是短促的正弦振盪器，頻率迅速下降、增益衰減，產生近似原聲大鼓的低沉感而不需要取樣。小鼓使用即時產生的雜訊緩衝區，透過高通濾波器與增益包絡塑形；hi-hat 則使用更短、更安靜的雜訊脈衝，並搭配更高的高通截止頻率。三者全部依據 Web Audio API 規格所定義的同一張 Web Audio 圖來路由。
由於沒有下載任何東西，開啟工具時不會連線取樣主機，循環也不會繼承任何第三方取樣授權。這對想在不綁定特定音色庫的情況下打草稿的使用者而言是重要的差異，也是這個工具即使在計數連線下也能瞬間啟動的原因。其取捨在於音色刻意保持為簡單的合成聲，而非真實鼓組的錄音，因此實際音色會隨瀏覽器音訊實作、輸出硬體、取樣率，以及每次小鼓或 hi-hat 觸發所產生的隨機雜訊而有細微差異。
這個瀏覽器音序器適合在哪些情境使用
這個工具最適合用來勾勒直接的十六分音符點子、學習步驟式音序器如何對應到音樂時間，或為正在其他地方創作的歌曲測試基本脈動。它刻意不做為完整的音樂製作環境。下表摘要說明哪些落在其範圍內、哪些不在，讓你能快速判斷要繼續在這裡編、還是轉往 DAW。
| 範圍內 | 範圍外 |
|---|---|
| 16 步驟的大鼓、小鼓與 hi-hat 圖樣 | 擺動、三連音或其他律動位移 |
| 40 到 240 BPM 之間的整數節拍 | 力度、重音或個別軌道音量 |
| Web Audio 合成播放 | 音訊錄製、匯出或渲染分軌 |
| 播放、停止、切換與清除圖樣 | MIDI 同步或拍號變更 |
| 播放中即時編輯圖樣 | 跨裝置的取樣精確度 |
如果你需要製作編曲、精確的跨裝置同步、渲染分軌或延遲校正，請把圖樣的概念複製到專用的音樂軟體，而不是要求這個工具去做它從未設計要承擔的工作。即使在支援範圍內，瀏覽器節流、後台分頁暫停、裝置變更與高系統負載仍可能影響你所聽到的結果，因此請關閉其他吃資源的分頁，並在打草稿時讓頁面保持在前台。可聽見的音源使用其精確排程的 Web Audio 起始時間，而非把 JavaScript 計時器回呼當作節拍時鐘，這有助於減少一般主執行緒的時序抖動，但它仍然是音序器，無法保證跨機器的取樣級一致渲染。
延伸閱讀：線上鼓機替代方案：跳過音色包。