鐵人檔案
介紹目前 Web 聲音相關的技術，包含：音訊格式、聲音合成原理、MIDI 協定、Web Audio API、Web MIDI API、tone.js 等，並使用這些技術製作有趣的 Web 應用~~
前言 這個系列比起教學文，更算是讀書筆記，所以如果有錯誤的部分，歡迎告訴我喔~ Web 有哪些 Audio 的技術? 今天先來講講 Web 世界中有哪些方法可以...
今天先來談談怎麼用 HTML 播放音樂。 Simple Usage 內建播放器 - 單一音檔 <audio src="https://s3-ap...
昨天介紹了內建播放器，但實際上使用的機會很少，原因是：每個瀏覽器的內建播放器外觀不同，也不好調整 css style。想要跨瀏覽器有一樣的播放器外觀，就必須得自...
用 JavaScript 操作 Audio Element 昨天把播放器切版完成了 (灑花)，不過在實作功能以前，先來談談一些基礎知識吧！ HTMLMediaE...
今天就開始刻自製播放器的功能吧！ 準備資料 第一步就是先準備音樂、專輯資訊、專輯圖片等。 原先想串現有的 API，像是 KKBOX Open API、Sound...
今天是自製播放器的最後一帕，來講講實際與 UI 互動的串接，以及解說 Audio Player 自製模組的運作原理。 Demo on CodePen 概覽 co...
今天來講講一個音檔的組成，以及 Web 可以支援的格式有哪些。 開始之前說個題外話，找資料的過程中發現 演算法筆記 有一整個 section 都在介紹 Audi...
昨天簡單介紹了音訊的檔案格式，今天來聊聊聲音是怎麼轉換成數位訊號的。 Wave Anatomy 聲波剖析 簡單講講聲音的性質與組成。 振幅、頻率、波長我就當作基...
之前我們實作了簡單的播放器，了解該如何播放聲音；前幾天介紹了檔案格式與基礎取樣知識，知道 Web 支援哪些格式的音檔，以及產生音檔背後的原理。接下來講講 Web...
昨天我們介紹了音訊串流 MediaStream 與 MediaStreamTrack，以及負責與裝置溝通的 MediaDevices。今天就來介紹與錄音有關的...
