我的英語老師是個音樂人。那天他給我聽了幾首自己的作品,隨口說了句:"要是能不用打開那些龐大的軟件,快速 sketch 一個 beat 就好了。"
他不想用 Ableton。不想裝任何東西。就想開個瀏覽器標簽頁,直接開始做音樂。
![]()
這句話我記了很久。
我媽早年畢業于巴塞羅那音樂學院。鄰居在 spare room 里做電子音樂。音樂無處不在,但我反復聽到同一種抱怨:制作工具要么貴,要么復雜,要么得把音頻上傳到某個云端——而那個云端尊不尊重你的隱私,誰也說不準。
所以我做了兩個工具。完全在瀏覽器里運行。不用注冊,不用上傳,不用訂閱。
第一個是 Loop Music Creator,一個基于 Web Audio API 的完整 loop DAW。
7 種軌道類型:鼓、合成器、貝斯、主音、鋪底、打擊樂、采樣器。14 個合成器預設,從 FM 鋼琴到 Karplus-Strong 撥弦,再到 8-bit 芯片音。鼓機用步進音序器,旋律軌用鋼琴卷簾。
每軌自帶效果:三段 EQ、壓縮器、混響/延遲發送。總線上還有混響、延遲、壓縮、母帶 EQ。支持多場景編排,可以做主歌、副歌、橋段。有 tap tempo 和每軌 swing 調節。
能導出 WAV,能存取工程(.loop.json 格式)。
所有聲音實時合成。沒有從服務器加載的采樣。鼓聲用噪聲合成和振蕩器塑形生成,合成器根據預設分別用 FM、加法或減法合成。
技術架構上,音頻引擎和 React 狀態解耦。useRef 持有引擎實例,useReducer 管理 DAW 狀態,避免 React 重渲染導致音頻 glitch。引擎用 AudioContext.currentTime 提前調度音符,配合 lookahead buffer——這個技巧 Chris Wilson 在 "A Tale of Two Clocks" 里有詳細文檔。
每軌有獨立的 gain node、panner 和效果鏈,匯總到 master bus。總線混響用無卷積的算法實現,延遲帶反饋,還有動態壓縮和三段 EQ。工程序列化器把 AudioBuffer 編解碼成 base64,采樣器軌導入的音頻也能完整保存和分享。
第二個工具是 YouTube Loop Mix,瀏覽器里的 DJ 臺。
鄰居總問我:"能不能直接 loop YouTube 視頻的某一段,然后跟另一軌混起來?"他經常在 YouTube 上找到絕妙的鼓 break,想 loop 4 小節,再跟本地文件的合成器鋪底疊在一起。現有工具要么得先下載視頻,要么不支持雙源混音。
YouTube Loop Mix 給了雙 deck、crossfader,跟真 DJ 臺一樣。可以加載 YouTube 視頻或本地音頻文件。A-B loop 標記能循環任意段落。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.