前言

這個系列比起教學文，更算是讀書筆記，所以如果有錯誤的部分，歡迎告訴我喔~

Web 有哪些 Audio 的技術?

今天先來講講 Web 世界中有哪些方法可以播放、調整聲音。

Web APIs & Frameworks

想知道 Web 當前的發展，參考 W3C 標準是個不錯的切入點，諸多的 Library、API 都是基於 W3C 標準的實現。其實它的文件除了排版沒那麼友善以外，算是相當清楚易懂的。

W3C - Overview of Media Technologies for the Web

這是 W3C 針對 Media 所製作的 Roadmap ，從多媒體的 render、傳輸、播放控制...等制定了相關的規範。Media 可以粗略分成 Audio 和 Video ，這個系列只著重在 Audio 的部分。相對成熟的技術有：

包裝這些 API 的 Framework 有：

• Tuna.js
• Tone.js
• Howler.js
• Sound.js
• Pizzicato
• Waud.js
• howler.js
• jWebAudio

那我們會探討哪些?

老實說，每一個項目都能夠花很多時間探索，考量到第一次這樣邊讀邊寫，就專注在其中幾個項目。最終的目的，希望能透過這 30 天的研究，用 Web 搭配硬體進行音樂創作，因此會涵蓋部分數位音樂的內容。整個系列的大綱如下：

• 音源播放
  • 基本聲學原理
  • 音源檔案格式介紹 (MIME)
  • <audio /> element
  • HTMLMediaElement
• Web Audio API
  • Media Source Extensions
  • 基本介紹
  • 實作
• 聲音合成
  • 合成器基本原理
  • Tone.js
  • 實作效果器、合成器
• 搭配硬體操作
  • 取樣：Media Capture and Streams API
  • MIDI 協定
  • Web MIDI API
• 雜談

吼吼~加油吧!