鐵人檔案
如同一道好料理需要具備色、香、味，一個好網站除了好內容之外，也需要透過互動性更高的視覺、聽覺，來與內容相輔相成。
本系列將從 Web Audio API 出發，以說明搭配範例，從實作中逐步認識 API 規格；並挑選數個主流、有趣的 Audio 相關套件，透過 JavaScript，玩轉聲音於程式的字裡行間。
歡迎您與我一同踏上這趟旅程，讓我們於科技與藝術的交會處相逢，一起在音樂中肆意漫遊。
第十天，本系列文關於 Web Audio API 的部分也逐漸邁向尾聲。今天要介紹的是做頻譜分析、音檔視覺化必要的 AnalyserNode。 Analyser...
上周我們用振盪器當音源，並用那時候玩到的的東西，做出可以設定基準音，可以調整定弦法，可以單獨撥放各弦單音的吉他定音器。 現在學會了怎麼取得麥克風音訊，我們來挑戰...
經過昨天演算法的腦力轟炸，剩下的部分就顯得相對簡單了。我們來一鼓作氣完成它！ 先複習一下調音器預計要實作的流程 目前解決了最麻煩的 聲音 -> 頻率 這...
不知不覺來到第十三天，在這段時間我們一起認識了許多 Web Audio API 的特色功能，也在過程中做出不少小玩具。如果目前玩過的功能都無法滿足讀者您，那最後...
接續昨天的話題，今天我們要透過 ScriptProcessorNode 來實作變聲器。 如果讀者您不知道什麼是變聲器的話，可以參考： 這篇會涉及訊號處理的部分...
不知不覺這旅程也到一半了，讓我們稍微回顧一下目前我們聊到的東西吧。 Live Demo 在開始之前，讀者您需要準備好開發環境，並對 Javascript 的語...
昨天結束了 Web Audio API 的部分，那麼我們的旅程又是全新的開始啦～ Javascript 的音樂相關套件其實不少，Github 上數千顆星星的比比...
昨天我們認識了一個專注在樂理上的套件 - tonal，並在最後展示了一個互動音樂的範例。 該範例是由 tonal 與一個知名的 Web Aduio 框架 - T...
昨天我們一起認識了 Tone.js，並用最簡單的範例讓它發出聲音；今天就接著介紹 Tone.js 的幾項重點觀念或功能吧！ 節點關係 Tone.js 是建構在...
今天就來探索 Tone.js 的核心功能 - 合成器 回顧一下這幾天一直使用的範例： const synth = new Tone.Synth().toMast...
