/web-audio

iron-man-30-days

Primary LanguageVueMIT LicenseMIT

JavaScript 音樂漫遊 - 30 天探索 Web Audio!

如同一道好料理需要具備色、香、味,一個好網站除了好內容之外,也需要透過互動性更高的視覺、聽覺,來與內容相輔相成。

本系列將從 Web Audio API 出發,以說明搭配範例,從實作中逐步認識 API 規格;並挑選數個主流、有趣的 Audio 相關套件如:Tone.jsScribbletune.jsRythm.js 等,透過 JavaScript,玩轉聲音於程式的字裡行間。

歡迎您與我一同踏上這趟旅程,讓我們於科技與藝術的交會處相逢,一起在音樂中肆意漫遊。

Live Demo audio image

2019 iT 邦幫忙 鐵人賽

本專案為參加鐵人賽的程式部分;每篇文章皆可搭配當日的 branch 看程式範例。

iron-man 參賽文章在 這裡。 HackMD 好讀版在 這裡

執行專案

yarn install
yarn run serve