線上節拍製作器是一種基於瀏覽器的鼓機音序器，能將固定格線上被點擊的儲存格轉化為循環播放的合成樂句，而線上鼓機透過 16 步驟的版面、三種音色（底鼓、軍鼓與 hi-hat），以及可接受 40 至 240 BPM 之整數的節奏控制，提供這樣的體驗。格線永遠代表一小節音樂：四個四分音符拍點，分為十六個等長的十六分音符步驟，每個步驟的長度為 60 ÷ BPM ÷ 4 秒。以 120 BPM 計算，每個步驟為 0.125 秒，整個小節為 2 秒，這正是按下播放時預設的四拍底鼓範例循環的方式。與可下載的製作軟體不同，線上節拍製作器不需要帳號、不需安裝，也不需音檔，因為底鼓、軍鼓與 hi-hat 都是透過瀏覽器的 Web Audio API 在播放時即時生成。固定的 16 步驟格線、單一節奏輸入，以及三種合成音色，就是在點擊任何東西之前你所需要的完整心智模型。
線上節拍製作器實際能做什麼
「線上」節拍製作器完全在已經開啟的網頁中運作。格線、節奏輸入框與播放控制都是一般的 HTML 元素，而你所聽到的音訊則是由瀏覽器層級的 Web Audio 節點依需求即時合成每一次敲擊。沒有任何資料會送到伺服器處理，因此使用這個工具時無需上傳錄音，且頁面初次載入時也不會從音色資料庫擷取任何東西。這正是為什麼線上節拍製作器也可被描述為本機 16 步驟音序器：所有運作都在你的裝置上進行，僅使用每個現代瀏覽器內建的音訊引擎。
這在實務上有三個重要意義。首先，不需要帳號、不需註冊，也不必等待渲染作業完成。其次，因為音色是在本機生成，工具無法繼承第三方的音色授權，當音色代管站離線時，底鼓、軍鼓與 hi-hat 也不會因此失效。第三，每一次敲擊都可由一組精簡的 Web Audio 基本元件重現——用振盪器產生底鼓、新生成的雜訊緩衝區產生軍鼓，以及較短的雜訊脈衝產生 hi-hat——這也說明了為什麼相同的樂句在不同瀏覽器、輸出硬體與采樣率下會聽起來略有差異。
16 步驟格線與小節
格線是整個工具的核心。三個橫列分別標示三種音色：底鼓、軍鼓與 hi-hat。十六個直行橫跨一個音樂小節，分為四個拍點，每個拍點又分為四個十六分音符步驟。這代表每一列都是一個 16 格的布林陣列，整個樂句則是一個經過驗證的紀錄，包含三條各自恰好有十六個布林值的音軌——總計 48 個開或關的決定。
當你點擊任何一個儲存格時，該樂器會在對應的十六分音符步驟上切換為開或關。樂句播放時，步驟外框會在小節上移動，因此你隨時都能看到目前正在發聲的是十六個位置中的哪一個。第一次開啟工具時，格線會預先載入一個簡單的四拍底鼓起始範例：底鼓在每個四分音符位置、軍鼓在第二與第四拍、closed hi-hat 在每個八分音符位置。這個起始樂句只是預設值，可以一次替換一個儲存格。若想要完全靜音，「清除樂句」控制會將全部 48 個儲存格關閉，讓你從頭開始。
在無障礙方面，每個格線按鈕都會公開其各自的開或關按下狀態與描述性標籤，移動中的步驟指示器僅使用顏色與外框標示，當使用者設定減少動畫偏好時，顏色過渡效果會自動停用。水平捲動可在窄螢幕上保留全部十六個步驟的可操作性，避免觸控目標被壓縮成無法辨識的記號。
BPM 如何轉換為步驟長度
這個工具中的節奏遵循 MusicXML 的定義，BPM 代表每分鐘的四分音符數。由於格線中每個四分音符分為四個十六分音符步驟，每個步驟的長度即為 60 ÷ BPM ÷ 4 秒。這與 MusicXML 4.0 sound 元素 中所引用的關係式相同，因此這段計算並非為本工具自創——而是將節奏標記轉換為步驟時鐘的標準方式。
逐步拆解一個數字：在 120 BPM 下，一個四分音符的長度為 60 ÷ 120 = 0.5 秒，因此一個十六分音符步驟為 0.5 ÷ 4 = 0.125 秒，整個 16 步驟小節的長度則為 0.125 × 16 = 2.0 秒。這正是排程器所使用的時序，也是預設的四拍底鼓樂句完整循環一次的時間。
| 節奏 (BPM) | 步驟長度 | 小節長度（16 步驟） |
|---|---|---|
| 40（下限） | 0.375 秒 | 6.0 秒 |
| 120（預設） | 0.125 秒 | 2.0 秒 |
| 240（上限） | 0.0625 秒 | 1.0 秒 |
這三列是官方定義的基準點：40 BPM 是可用性的下限，120 BPM 為預設值，240 BPM 為上限。40 至 240 的範圍是針對這個聚焦型工具所做的可用性與排程保護，而非對音樂節奏極限的主張。較快或較慢的樂句應交由專門的音樂應用程式處理。
建立並播放 16 步驟節拍
- 設定節奏。在節奏輸入框中輸入 40 至 240 之間的整數 BPM。輸入條件嚴格——空值、小數、正負號、指數記號、單位文字，以及超出範圍的數字，都會各自顯示可回復的錯誤訊息，但不會讓工具當機。必須先有有效值，播放才能從第一步驟乾淨地開始。
- 切換三個音軌上的儲存格。點擊 48 個格線儲存格中的任何一個（三列 × 十六行），即可切換該底鼓、軍鼓或 hi-hat 步驟的開關。初始的四拍底鼓範例只是起點——你可以一次替換一個儲存格，或按下「清除樂句」關閉全部儲存格，從靜音開始。
- 按下播放，結束後再按停止。播放功能會使用下方說明的排程器循環播放合成的節拍。停止則會釋放播放資源、清除排程計時器、停止並中斷已追蹤的音訊來源，並關閉目前的 AudioContext，以便下次按下播放時能建立一個新的 AudioContext。播放期間你可以編輯樂句儲存格；變更會在下一個排程窗口中被讀取。
三種音色如何被合成
三種聲音都是在播放時透過瀏覽器的 Web Audio 節點即時產生——沒有任何預先下載的音色，因此開啟工具時並不會連線到音色代管站。底鼓是短暫的正弦振盪器，其頻率會快速下降，同時增益衰減，產生熟悉低頻重擊感。軍鼓由新生成的雜訊緩衝區構成，並透過高通濾波器與增益包絡處理，這也是為什麼每一次軍鼓敲擊都是雜訊的不同實現。hi-hat 則使用較短、較安靜的雜訊脈衝，搭配更高的高通截止頻率，因此在混音中會落在軍鼓之上。
這些是有意設計的簡單合成音色，而非真實鼓組的錄音。其確切音色會因瀏覽器的音訊實作、輸出硬體、采樣率，以及每次軍鼓或 hi-hat 敲擊所產生的隨機雜訊而略有差異。這就是完全沒有音色檔案的代價：工具完全在本機運作，但在不同裝置間並非音色完全相同的鼓機。如果你需要渲染分軌或采樣精度的輸出，請將樂句概念轉移至專門的音樂應用程式。
節奏輸入規則與播放行為
節奏輸入欄僅接受 40 至 240 之間的整數十進位數字。空白輸入、例如 119.5 的小數、帶正負號的值、指數記號、諸如「120 bpm」之類的單位文字，以及任何超出範圍的值，都會各自產生可回復的錯誤，讓你能在不遺失狀態的情況下修正輸入。在樂句播放時編輯節奏是刻意設計的停止動作：目前的執行會結束，其音訊情境也會被釋放，以避免以舊節奏排定的事件與新節奏下新排定的執行重疊。在輸入有效值之後按下播放，會從第一步驟乾淨地重新開始。
在內部，播放使用前瞻式排程器。一個輕量級的瀏覽器計時器每 25 毫秒檢查一次，並將接下來的事件預先排定到 AudioContext 時間軸上最多 100 毫秒的位置。可聽見的音源使用其精確排定的 Web Audio 開始時間，而非將 JavaScript 計時器回呼視為節拍時鐘，這有助於減少一般主執行緒的時序抖動。共享的純排程邏輯會建立確定性的步驟編號、時間戳記與作用中音軌快照，且相同的樂句與時序函式同時用於實際播放，以及涵蓋八個節奏基準點、16 步驟循環、精確事件位移、初始樂句位置、不可變切換、清除、格式錯誤的節奏值，以及三條各十六個布林值的結構不變式的測試。
線上鼓機不做哪些事
說明線上節拍製作器包含哪些功能只是故事的一半；其限制同樣重要。此工具旨在勾勒直接的十六分音符概念、學習步驟編曲，以及測試基本脈動，以下功能則刻意排除在其範圍之外：
- 搖擺、三連音、力度，以及個別音軌的重音或音量
- 錄音、匯出或渲染的音訊檔案
- MIDI 輸入或輸出，以及外部同步
- 超出單一 4/4 小節的任意拍號
- 效果、處理，以及個別音軌的 EQ
- 背景分頁的運作保證、跨裝置的采樣精度渲染，以及延遲校正
同樣值得一提的是，瀏覽器的大量節流、分頁暫停、裝置變更以及高系統負載，仍可能影響你所聽到的聲音，因為排程器是在你的瀏覽器而非專用音訊硬體上運作。如果上述任何功能對你的任務至關重要，本工具應僅用於早期概念階段，並應在 DAW 或專用音序器中重建樂句以進行最終製作。
When to Use It (and When to Move On)
線上節拍製作器適合三種特定用途。第一種是在投入較大型專案前，先快速勾勒出節奏構想——比起啟動一套完整的 DAW，開個分頁、切換格子、聽到迴圈要快得多。第二種是學習步進編曲的運作原理：從格子到 BPM 到小節長度再到播放，所有需要用到的概念全部集中在同一個畫面，不需要穿梭於選單之間。第三種則是為課程測試基本脈動、作為節拍器風格的參考音，或進行快速的節拍速度合理性檢查。
它並非用於編曲安排、輸出 stems 音軌、與硬體進行 MIDI 同步、精確的跨裝置同步，或延遲校正等工作的合適工具。針對這類工作，請將其中的編曲概念——三個音軌、16 個格子、BPM 計算——轉移至專用的音樂應用程式。這套線上鼓機提供了一種快速、本機端的方式來以十六分音符思考；它並非要取代音訊工作站。按下播放前請將裝置音量維持在中等偏低，特別是使用耳機時，因為合成產生的暫態訊號在某些輸出系統上聽起來可能會格外響亮。
想進一步了解，請參閱Beat Maker Online for Beginners: Make Your First Beat。
想進一步了解，請參閱Beat Maker Online Meaning: Definition and How It Works。