6

私は音楽プレーヤーを構築しており、現在再生中のトラックに応じて脈動効果を追加したいと考えています。

ここに私が欲しいもののいくつかの例があります:

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

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

私の問題は、最初の例ではサウンドが xhr 経由でロードされ、2 番目の例ではフラッシュが使用されていることです。

解析したい音をaudioタグから取得できるようにしたいです。

サウンドの代わりに Web ページを読み込んで分析できるため、セキュリティが大幅に低下する可能性があります。とにかく解決策はありますか？

4

2 に答える 2

25

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>
于 2012-11-16T12:37:18.677 に答える
0

Web Audio API を介した実装の 1 つを次に示します。

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

と背景:

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

于 2012-10-27T11:27:10.677 に答える