使用AudioContext和來自音頻標記的源

Question

我正在構建一個音樂播放器，並且想根據當前播放的音軌添加脈動效果。

這裏我想要的東西一些例子：

http://www.htmlfivewow.com/demos/hal/index.html

http://www.schillmania.com/projects/soundmanager2/demo/360-player/canvas-visualization.html

我的問題是，在第一個例子中，聲音是通過XHR加載，並在第二個它使用閃存。

我希望能夠從音頻標籤中獲得想要分析的聲音。

恐怕是不可能的，這會導致很大的安全性缺乏，因爲我們可以加載網頁而不是聲音，然後進行分析。無論如何，有沒有解決方案？

Answer 1

看起來這裏是一個實現了做網絡音頻API：

https://github.com/richtaur/audia/blob/master/audia.js

和背景：

http://www.lostdecadegames.com/audia-is-a-library-for-simplifying-the-web-audio-api/

Answer 2

可以在AudioContext使用createMediaElementSource方法。

<audio id="audio" src="test.mp3"></audio> 
<script type="text/javascript"> 
    var context = new webkitAudioContext; 
    var el = document.getElementById('audio'); 
    var source = context.createMediaElementSource(el); 
    source.connect(context.destination); 
    el.play(); 
</script>