系列文章
DAY 11
10. Web Audio API - 分析結點
第十天，本系列文關於 Web Audio API 的部分也逐漸邁向尾聲。今天要介紹的是做頻譜分析、音檔視覺化必要的 AnalyserNode。 Analyser...
DAY 12
11. 吉他調音器 Part.1
上周我們用振盪器當音源，並用那時候玩到的的東西，做出可以設定基準音，可以調整定弦法，可以單獨撥放各弦單音的吉他定音器。 現在學會了怎麼取得麥克風音訊，我們來挑戰...
DAY 13
12. 吉他調音器 Part.2
經過昨天演算法的腦力轟炸，剩下的部分就顯得相對簡單了。我們來一鼓作氣完成它！ 先複習一下調音器預計要實作的流程 目前解決了最麻煩的 聲音 -> 頻率 這...
DAY 14
13. Web Audio API - 處理結點
不知不覺來到第十三天，在這段時間我們一起認識了許多 Web Audio API 的特色功能，也在過程中做出不少小玩具。如果目前玩過的功能都無法滿足讀者您，那最後...
DAY 16
15. Web Audio API - 總整理
不知不覺這旅程也到一半了，讓我們稍微回顧一下目前我們聊到的東西吧。 Live Demo 在開始之前，讀者您需要準備好開發環境，並對 Javascript 的語...
DAY 17
16. tonal
昨天結束了 Web Audio API 的部分，那麼我們的旅程又是全新的開始啦～ Javascript 的音樂相關套件其實不少，Github 上數千顆星星的比比...
DAY 18
17. Tone.js
昨天我們認識了一個專注在樂理上的套件 - tonal，並在最後展示了一個互動音樂的範例。 該範例是由 tonal 與一個知名的 Web Aduio 框架 - T...
DAY 19
18. Tone.js - 基本功能
昨天我們一起認識了 Tone.js，並用最簡單的範例讓它發出聲音；今天就接著介紹 Tone.js 的幾項重點觀念或功能吧！ 節點關係 Tone.js 是建構在...
DAY 20
19. Tone.js - 合成器
今天就來探索 Tone.js 的核心功能 - 合成器 回顧一下這幾天一直使用的範例： const synth = new Tone.Synth().toMast...