2016年1月4日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201512/web-audio-api-createmediaelementsource.html

摘要:
最近好忙,一陣子沒寫這系列的文章,還回頭複習了一陣子,前幾篇認識了許多利用 Web Audio API 產生聲音或音效的方法,這篇則是要引入外部的音樂或聲音,並將聲音轉換為數值頻譜。( 因為轉換為數值,就可以拿這些數值來做應用了 ) 在這系列的 第一篇 有介紹過createOscillator()這個振盪器產生單音的方法,這篇要來介紹createMediaElementSource這個把外部音軌作為 source 的方法,這個方法需要搭配 HTML5 的audio標籤來實施,因為它預設就是會以 HTML5 所載入的音頻為主,以下面的例子來說,我們要先在 HTML 裡放入聲音,controls表示會載入預設的播放器介面,autoplay預設為一開始就自動播放。( mp3 格式基本上已經被所有瀏覽器接受,如果不能播放也可以採用 ogg 格式 )